:root{--kliker-dark-bg: #1e2531;--kliker-dark-bg-secondary: #1a222e;--kliker-cyan: #15e5fc;--kliker-green: #00bf63;--kliker-orange: #ff8c00;--kliker-red: #ff5252;--kliker-text-light: #a0a9b8;--kliker-text-white: #ffffff;--kliker-text-dark: #1e2531;--kliker-card-bg: rgba(255, 255, 255, .05);--kliker-border: rgba(255, 255, 255, .1);--kliker-shadow: 0 10px 30px rgba(0, 0, 0, .3);--kliker-transition: all .3s ease}.kliker-login{min-height:100vh;background:linear-gradient(135deg,var(--kliker-dark-bg) 0%,var(--kliker-dark-bg-secondary) 100%);font-family:Inter,sans-serif;color:var(--kliker-text-white);position:relative;overflow:hidden}.kliker-login:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(21,229,252,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,191,99,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,140,0,.05) 0%,transparent 50%);pointer-events:none}.kliker-login__container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr;gap:40px;min-height:100vh;align-items:center}@media (min-width: 1024px){.kliker-login__container{grid-template-columns:1fr 1fr;gap:80px;padding:0 40px}}.kliker-login__form-column{order:1;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1024px){.kliker-login__form-column{order:1}}.kliker-login__recover{display:none}.kliker-login__recover:target{display:block}.kliker-login__recover:target~.kliker-login__main{display:none}.kliker-login__main{display:block}.kliker-login__form-wrapper{background:var(--kliker-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--kliker-border);border-radius:20px;padding:40px;box-shadow:var(--kliker-shadow);max-width:500px;margin:0 auto;width:100%}@media (min-width: 768px){.kliker-login__form-wrapper{padding:50px}}.kliker-login__header{text-align:center;margin-bottom:40px}.kliker-login__logo{max-height:60px;width:auto;margin-bottom:20px}.kliker-login__logo-text{margin-bottom:20px}.kliker-login__logo-main{display:block;font-family:Orbitron,sans-serif;font-size:32px;font-weight:800;color:var(--kliker-cyan);letter-spacing:3px;text-transform:uppercase;line-height:1;margin-bottom:5px}.kliker-login__logo-sub{display:block;font-size:11px;font-weight:400;color:var(--kliker-text-light);letter-spacing:4px;text-transform:uppercase}.kliker-login__title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:var(--kliker-text-white);margin:0 0 10px;letter-spacing:1px}.kliker-login__subtitle{color:var(--kliker-text-light);font-size:16px;margin:0;line-height:1.5}.kliker-login__form,.kliker-login__recover,.kliker-login__main{margin-bottom:30px}.kliker-login__recover-title{font-family:Orbitron,sans-serif;font-size:24px;font-weight:600;color:var(--kliker-text-white);margin:0 0 15px;text-align:center}.kliker-login__recover-text{color:var(--kliker-text-light);text-align:center;margin:0 0 30px;line-height:1.5}.kliker-login__field{position:relative;margin-bottom:25px}.kliker-login__input{width:100%;height:56px;background:#ffffff0d;border:2px solid var(--kliker-border);border-radius:12px;padding:16px 20px;font-size:16px;color:var(--kliker-text-white);font-family:Inter,sans-serif;transition:var(--kliker-transition);outline:none}.kliker-login__input::placeholder{color:var(--kliker-text-light);opacity:.7}.kliker-login__input:focus{border-color:var(--kliker-cyan);background:#ffffff14;box-shadow:0 0 20px #15e5fc33}.kliker-login__field.focused .kliker-login__input{border-color:var(--kliker-cyan);background:#ffffff14}.kliker-login__field.filled .kliker-login__input{background:#ffffff14}.kliker-login__label{position:absolute;top:50%;left:20px;transform:translateY(-50%);color:var(--kliker-text-light);font-size:16px;pointer-events:none;transition:var(--kliker-transition);background:var(--kliker-dark-bg);padding:0 8px}.kliker-login__field.focused .kliker-login__label,.kliker-login__field.filled .kliker-login__label{top:0;font-size:12px;color:var(--kliker-cyan);font-weight:500}.kliker-login__field.password-weak .kliker-login__input{border-color:var(--kliker-red);box-shadow:0 0 0 3px #ff52521a}.kliker-login__field.password-medium .kliker-login__input{border-color:var(--kliker-orange);box-shadow:0 0 0 3px #ff8c001a}.kliker-login__field.password-strong .kliker-login__input,.kliker-login__field.password-match .kliker-login__input{border-color:var(--kliker-green);box-shadow:0 0 0 3px #00bf631a}.kliker-login__field.password-mismatch .kliker-login__input{border-color:var(--kliker-red);box-shadow:0 0 0 3px #ff52521a}.kliker-login__button{width:100%;height:56px;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--kliker-transition);position:relative;overflow:hidden;margin-bottom:20px}.kliker-login__button--primary{background:linear-gradient(135deg,var(--kliker-cyan),var(--kliker-green));color:var(--kliker-text-dark)}.kliker-login__button--secondary{background:linear-gradient(135deg,var(--kliker-green),var(--kliker-cyan));color:var(--kliker-text-dark)}.kliker-login__button--outline{background:transparent;color:var(--kliker-cyan);border:2px solid var(--kliker-cyan)}.kliker-login__button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #15e5fc4d}.kliker-login__button--outline:hover{background:var(--kliker-cyan);color:var(--kliker-text-dark)}.kliker-login__button.loading{opacity:.7;pointer-events:none}.kliker-login__button.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kliker-login__link,.kliker-login__forgot-link,.kliker-login__create-account{color:var(--kliker-cyan);text-decoration:none;font-size:14px;font-weight:500;transition:var(--kliker-transition);display:inline-block;margin-bottom:15px;text-align:center;width:100%}.kliker-login__link:hover,.kliker-login__forgot-link:hover,.kliker-login__create-account:hover{color:var(--kliker-green);text-decoration:underline}.kliker-login__create-account{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:15px;border:2px solid var(--kliker-cyan);border-radius:12px;margin-top:10px;transition:var(--kliker-transition)}.kliker-login__create-account:hover{background:var(--kliker-cyan);color:var(--kliker-text-dark);text-decoration:none;transform:translateY(-2px);box-shadow:0 5px 15px #15e5fc4d}.kliker-login__error,.kliker-login__error-header{background:#ff52521a;border:1px solid var(--kliker-red);border-radius:8px;padding:15px;margin-bottom:20px;color:var(--kliker-red);font-size:14px;display:flex;align-items:center;gap:10px}.kliker-login__success{background:#00bf631a;border:1px solid var(--kliker-green);border-radius:8px;padding:15px;margin-bottom:20px;color:var(--kliker-green);font-size:14px;display:flex;align-items:center;gap:10px}.kliker-login__error-icon,.kliker-login__success-icon{width:16px;height:16px;flex-shrink:0}.kliker-login__error-icon svg,.kliker-login__success-icon svg{width:100%;height:100%;fill:currentColor}.kliker-login__error-list{margin-top:10px}.kliker-login__error-list ul{margin:0;padding:0;list-style:none}.kliker-login__error-list li{margin-bottom:5px}.kliker-login__shop-login{margin-bottom:30px}.kliker-login__separator{text-align:center;color:var(--kliker-text-light);font-size:14px;margin:20px 0;position:relative}.kliker-login__separator:before,.kliker-login__separator:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--kliker-border)}.kliker-login__separator:before{left:0}.kliker-login__separator:after{right:0}.kliker-login__guest{text-align:center;padding-top:30px}.kliker-login__divider{border:none;height:1px;background:var(--kliker-border);margin:0 0 30px}.kliker-login__guest-title{font-family:Orbitron,sans-serif;font-size:18px;font-weight:600;color:var(--kliker-text-white);margin:0 0 20px}.kliker-login__guest-form{margin:0}.kliker-login__engagement-column{order:2;display:flex;flex-direction:column;justify-content:center;padding:20px 0}@media (min-width: 1024px){.kliker-login__engagement-column{order:2;padding:40px 0}}.kliker-login__engagement-wrapper{max-width:500px;margin:0 auto;width:100%}.kliker-login__hero{text-align:center;margin-bottom:40px}.kliker-login__engagement-title{font-family:Orbitron,sans-serif;font-size:36px;font-weight:700;color:var(--kliker-text-white);margin:0 0 15px;letter-spacing:1px;line-height:1.2}@media (max-width: 768px){.kliker-login__engagement-title{font-size:28px}}.kliker-login__engagement-subtitle{font-size:18px;color:var(--kliker-text-light);margin:0;line-height:1.5}.kliker-login__benefits{margin-bottom:40px}.kliker-login__benefits-list{list-style:none;padding:0;margin:0}.kliker-login__benefit{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--kliker-border)}.kliker-login__benefit:last-child{border-bottom:none}.kliker-login__benefit-icon{font-size:24px;flex-shrink:0;width:40px;text-align:center}.kliker-login__benefit-text{font-size:16px;color:var(--kliker-text-white);font-weight:500;line-height:1.4}.kliker-login__testimonials{margin-bottom:40px}.kliker-login__testimonial{background:var(--kliker-card-bg);border:1px solid var(--kliker-border);border-radius:15px;padding:30px;margin-bottom:20px;text-align:center}.kliker-login__testimonial:last-child{margin-bottom:0}.kliker-login__quote{font-size:16px;font-style:italic;color:var(--kliker-text-white);line-height:1.6;margin:0 0 15px;position:relative}.kliker-login__quote:before,.kliker-login__quote:after{content:'"';font-size:24px;color:var(--kliker-cyan);font-weight:700}.kliker-login__author{font-size:14px;color:var(--kliker-text-light);font-weight:500;font-style:normal}.kliker-login__social-proof{margin-bottom:40px}.kliker-login__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;text-align:center}.kliker-login__stat{background:var(--kliker-card-bg);border:1px solid var(--kliker-border);border-radius:12px;padding:20px 15px}.kliker-login__stat-number{display:block;font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:var(--kliker-cyan);margin-bottom:5px}.kliker-login__stat-label{font-size:12px;color:var(--kliker-text-light);text-transform:uppercase;letter-spacing:1px;font-weight:500}.kliker-login__fomo{background:linear-gradient(135deg,var(--kliker-orange),var(--kliker-red));color:var(--kliker-text-white);padding:15px 20px;border-radius:12px;margin-bottom:30px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff8c004d;transform:scale(1)}50%{box-shadow:0 0 30px #ff8c0080;transform:scale(1.02)}}.kliker-login__fomo-icon{font-size:18px}.kliker-login__fomo-text{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px}.kliker-login__signup-cta{background:var(--kliker-card-bg);border:1px solid var(--kliker-border);border-radius:15px;padding:30px;text-align:center;margin-bottom:30px}.kliker-login__signup-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:600;color:var(--kliker-text-white);margin:0 0 10px}.kliker-login__signup-text{color:var(--kliker-text-light);font-size:14px;line-height:1.5;margin:0 0 20px}.kliker-login__help{background:var(--kliker-card-bg);border:1px solid var(--kliker-border);border-radius:15px;padding:30px;text-align:center}.kliker-login__help-title{font-family:Orbitron,sans-serif;font-size:18px;font-weight:600;color:var(--kliker-text-white);margin:0 0 10px}.kliker-login__help-text{color:var(--kliker-text-light);font-size:14px;line-height:1.5;margin:0 0 20px}@media (max-width: 768px){.kliker-login__container{padding:20px 15px;gap:30px}.kliker-login__form-wrapper{padding:30px 20px}.kliker-login__engagement-wrapper{padding:0 10px}.kliker-login__stats{grid-template-columns:repeat(2,1fr)}.kliker-login__testimonial,.kliker-login__signup-cta,.kliker-login__help{padding:20px}}@media (max-width: 480px){.kliker-login__stats{grid-template-columns:1fr}.kliker-login__fomo{flex-direction:column;gap:5px}.kliker-login__fomo-text{font-size:12px}}.kliker-login__steps{margin-bottom:40px}.kliker-login__step{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px;padding:20px;background:var(--kliker-card-bg);border:1px solid var(--kliker-border);border-radius:12px}.kliker-login__step:last-child{margin-bottom:0}.kliker-login__step-number{width:30px;height:30px;background:linear-gradient(135deg,var(--kliker-cyan),var(--kliker-green));color:var(--kliker-text-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.kliker-login__step-content h4{font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;color:var(--kliker-text-white);margin:0 0 5px}.kliker-login__step-content p{font-size:14px;color:var(--kliker-text-light);margin:0;line-height:1.4}.kliker-login__recover-title{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:var(--kliker-text-white);text-align:center;margin:0 0 15px;line-height:1.2;letter-spacing:1px}.kliker-login__recover-text{color:var(--kliker-text-light);text-align:center;margin:0 0 30px;line-height:1.5;font-size:16px}.kliker-login__success{background:#00bf631a;border:1px solid var(--kliker-green);border-radius:12px;padding:20px;margin-bottom:30px;text-align:center;color:var(--kliker-green);font-weight:600}.kliker-login__success-icon{display:inline-block;width:20px;height:20px;margin-right:10px;color:var(--kliker-green)}.kliker-login__back-to-login{text-align:center;padding-top:20px;border-top:1px solid var(--kliker-border);margin-top:30px}.kliker-login__back-to-login p{color:var(--kliker-text-light);margin:0 0 15px;font-size:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.kliker-login{background:#fff;color:#000}.kliker-login__engagement-column{display:none}.kliker-login__container{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/kliker-login.css.map */
