:root{--bg-gradient-1:#0f1e3a;--bg-gradient-2:#1a1b46;--bg-gradient-3:#141b33;--primary-1:#4f46e5;--primary-2:#7c3aed;--primary-hover:#6366f1;--accent-1:#f472b6;--accent-2:#ec4899;--surface-1:rgba(30,41,59,.8);--surface-2:rgba(30,41,59,.95);--surface-dark:#0f172a;--surface-dark-hover:rgba(15,23,42,.8);--surface-dark-active:rgba(15,23,42,.95);--surface-panel:rgba(15,23,42,.3);--surface-card:rgba(15,23,42,.5);--surface-input:rgba(15,23,42,.7);--glass-highlight:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--glass-border-hover:hsla(0,0%,100%,.12);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-accent:#e2e8f0;--text-highlight:#fff;--border-color:rgba(148,163,184,.1);--border-hover:rgba(148,163,184,.2);--border-light:hsla(0,0%,100%,.05);--border-highlight:hsla(0,0%,100%,.1);--border-focus:rgba(79,70,229,.3);--error-color:#ef4444;--error-bg:rgba(239,68,68,.1);--error-border:rgba(239,68,68,.2);--error-text:#fca5a5;--success-color:#10b981;--success-bg:rgba(16,185,129,.1);--success-border:rgba(16,185,129,.2);--success-text:#6ee7b7;--warning-color:#f59e0b;--warning-bg:rgba(245,158,11,.1);--warning-text:#fcd34d;--info-color:#3b82f6;--info-bg:rgba(59,130,246,.1);--info-text:#93c5fd;--shadow-sm:0 1px 2px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--shadow-outline:0 0 0 3px rgba(99,102,241,.2);--shadow-glow:0 0 40px rgba(99,102,241,.15);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--transition-base:all 0.2s ease;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-medium:all 0.5s cubic-bezier(0.4,0,0.2,1);--z-base:1;--z-dropdown:10;--z-sticky:100;--z-fixed:200;--z-modal:1000;--z-toast:2000}*,:after,:before{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-gradient-1),var(--bg-gradient-2));min-height:100vh;overflow-x:hidden;background-attachment:fixed;position:relative}body:before{content:"";position:fixed;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:-1;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)"/></svg>')}a{color:var(--primary-1);transition:var(--transition-base)}a,a:hover{text-decoration:none}a:hover{color:var(--accent-1)}img,svg{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer;background:none;border:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}.auth-wrapper{min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-wrapper:after,.auth-wrapper:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(200px);z-index:-1;pointer-events:none;opacity:.4}.auth-wrapper:before{background:radial-gradient(var(--primary-2),transparent 70%);top:-200px;right:-200px}.auth-wrapper:after{background:radial-gradient(var(--accent-1),transparent 70%);bottom:-200px;left:-200px}.auth-side{flex:1;display:none;background:var(--surface-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-12);position:relative;overflow-y:auto;max-height:100vh;border-right:1px solid var(--border-light)}.auth-side-content{max-width:480px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:space-between}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);overflow-y:auto;max-height:100vh}.auth-container{width:100%;max-width:420px}.auth-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-md);position:relative;transition:var(--transition-smooth)}.auth-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.loading-bar{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(to right,var(--primary-1),var(--primary-2));z-index:9999;box-shadow:0 0 10px rgba(79,70,229,.5);transition:width .8s cubic-bezier(.4,0,.2,1)}.loading-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transform:translateX(-100%);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.auth-header{text-align:center;margin-bottom:var(--space-10)}.auth-logo{height:48px;margin-bottom:var(--space-6)}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--text-primary),var(--text-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-secondary);font-size:.875rem}.auth-side-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--text-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4);line-height:1.2}.auth-side-description{color:var(--text-secondary);line-height:1.6;font-size:1rem}.auth-side-header{margin-bottom:var(--space-16)}.auth-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:.875rem}.auth-footer a{color:var(--primary-1);font-weight:500}.auth-footer a:hover{color:var(--primary-hover);text-decoration:underline}.auth-help{margin-top:var(--space-4);text-align:center;font-size:.875rem;color:var(--text-tertiary)}.auth-help a{color:var(--primary-1);font-weight:500}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;transition:var(--transition-base)}.back-link:hover{color:var(--primary-1)}.back-link i{font-size:1rem}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-accent);margin-bottom:var(--space-2)}.form-label-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.form-label-link{font-size:.875rem;color:var(--primary-1);text-decoration:none;transition:var(--transition-base)}.form-label-link:hover{text-decoration:underline;color:var(--primary-2)}.input-group{position:relative}.input-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;font-size:1.1rem;transition:var(--transition-base)}.input-icon-left{left:var(--space-4)}.input-icon-right{right:var(--space-4);cursor:pointer;pointer-events:auto}.has-icon-left .form-control{padding-left:var(--space-10)}.has-icon-right .form-control{padding-right:var(--space-10)}.form-control{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;transition:var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control:hover{border-color:var(--border-hover);background:var(--surface-dark-hover)}.form-control:focus{outline:none;border-color:var(--primary-1);box-shadow:var(--shadow-outline);background:var(--surface-dark-hover)}.has-icon-left .form-control:focus+.input-icon-left,.has-icon-right .form-control:focus~.input-icon-right{color:var(--primary-1)}.form-control::-moz-placeholder{color:var(--text-secondary);opacity:.7}.form-control::placeholder{color:var(--text-secondary);opacity:.7}.form-control.is-valid{border-color:var(--success-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2310B981' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E")}.form-control.is-invalid,.form-control.is-valid{background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:16px;padding-right:var(--space-10)}.form-control.is-invalid{border-color:var(--error-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23EF4444' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm0 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM8 4a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4zm0 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E")}.invalid-feedback{display:none;width:100%;margin-top:var(--space-1);font-size:.875em;color:var(--error-color)}.form-control.is-invalid~.invalid-feedback{display:block}.input-group.is-valid i{color:var(--success-color)}.input-group.is-invalid i{color:var(--error-color)}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-dark);cursor:pointer;position:relative;transition:var(--transition-base);flex-shrink:0}.form-checkbox input[type=checkbox]:hover{border-color:var(--border-hover)}.form-checkbox input[type=checkbox]:checked{background:var(--primary-1);border-color:var(--primary-1)}.form-checkbox input[type=checkbox]:checked:after{content:"✓";font-size:12px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-checkbox input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px var(--border-focus)}.checkbox-label{font-size:.875rem;color:var(--text-secondary)}.checkbox-label a{color:var(--primary-1);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.password-strength{margin-top:var(--space-3)}.strength-meter{display:flex;gap:5px;margin-bottom:var(--space-2)}.strength-segment{height:4px;flex:1;background:rgba(148,163,184,.2);border-radius:var(--radius-full);transition:all .3s ease}.strength-segment.active{background:var(--primary-1)}.strength-segment.active.weak{background:var(--error-color)}.strength-segment.active.medium{background:var(--warning-color)}.strength-segment.active.good{background:var(--success-color)}.strength-segment.active.strong{background:var(--primary-1)}.password-requirements{margin-top:var(--space-2);padding:var(--space-3);background:rgba(15,23,42,.4);border-radius:var(--radius-md);border:1px solid var(--border-color)}.requirement{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-1)}.requirement:last-child{margin-bottom:0}.requirement.valid i{color:var(--success-color)}.requirement.invalid i{color:var(--error-color)}.pin-input-group{display:flex;justify-content:center;gap:12px;margin:var(--space-5) 0}.pin-input{width:50px;height:60px;text-align:center;font-size:24px;font-weight:700;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-dark);color:var(--text-primary);transition:all .3s ease}.pin-input:focus{border-color:var(--primary-1);box-shadow:var(--shadow-outline);outline:none;background:var(--surface-dark-hover)}.pin-input.complete{border-color:var(--success-color);background:rgba(16,185,129,.1)}.code-timer{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:var(--space-4)}.code-timer.expired strong{color:var(--error-color);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:500;transition:var(--transition-smooth);border:none;cursor:pointer;font-size:.875rem;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,transparent,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1));z-index:-1;background-size:250% 100%;background-position:100% 0;transition:background-position .3s cubic-bezier(.4,0,.2,1)}.btn:hover:before{background-position:0 0}.btn:focus{outline:none;box-shadow:var(--shadow-outline)}.btn i{margin-left:var(--space-2);font-size:1.125rem;transition:transform .3s ease}.btn:hover i{transform:translateX(3px)}.btn-primary{background:linear-gradient(135deg,var(--primary-1),var(--primary-2));color:#fff;width:100%;box-shadow:0 2px 5px rgba(79,70,229,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(79,70,229,.4)}.btn-primary:active{transform:translateY(0)}.btn-block{width:100%}.btn.disabled,.btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.btn-loading{position:relative;pointer-events:none;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:button-loading-spinner .8s linear infinite}@keyframes button-loading-spinner{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}.social-login{margin-top:var(--space-8)}.social-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--text-secondary);font-size:.875rem}.social-divider:after,.social-divider:before{content:"";flex:1;height:1px;background:var(--border-color)}.social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.social-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-dark);border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);font-size:1.25rem}.social-btn:hover{background:var(--surface-dark-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.social-btn.google:hover{color:#ea4335}.social-btn.facebook:hover{color:#1877f2}.social-btn.discord:hover{color:#5865f2}.alert{display:flex;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-icon{flex-shrink:0;margin-right:var(--space-4);font-size:1rem;display:flex;align-items:center}.alert-content{flex:1}.alert-message{font-size:1rem;line-height:1.5;color:var(--error-color)}.alert-success{background:var(--success-bg);border:1px solid var(--success-border)}.alert-success .alert-icon,.alert-success h4{color:var(--success-color)}.alert-success h4{margin-bottom:var(--space-1)}.alert-success p{color:var(--success-text)}.alert-danger{background:var(--error-bg);border:1px solid var(--error-border)}.alert-danger .alert-icon,.alert-danger h4{color:var(--error-color)}.alert-danger h4{margin-bottom:var(--space-1)}.alert-danger p{color:var(--error-text)}.auth-testimonials{display:flex;flex-direction:column;gap:var(--space-8)}.testimonial-card{background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition-smooth)}.testimonial-card:hover{transform:translateY(-4px);background:hsla(0,0%,100%,.05);box-shadow:var(--shadow-md);border-color:var(--border-light)}.testimonial-content{font-size:.875rem;color:var(--text-accent);margin-bottom:var(--space-4);line-height:1.6;position:relative;padding-left:var(--space-5)}.testimonial-content:before{content:'"';position:absolute;left:0;top:-5px;font-size:2rem;color:var(--accent-1);opacity:.7;line-height:1}.testimonial-author{display:flex;align-items:center;gap:var(--space-4)}.testimonial-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--border-light);background:var(--surface-dark)}.testimonial-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.testimonial-info h4{font-size:.875rem;color:var(--text-primary);margin-bottom:2px;font-weight:600}.testimonial-info p{font-size:.75rem;color:var(--text-secondary);margin:0}.auth-features{display:flex;flex-direction:column;gap:var(--space-6)}.auth-feature-card{display:flex;gap:var(--space-4);padding:var(--space-6);background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.auth-feature-card:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.05);box-shadow:var(--shadow-md);border-color:var(--border-light)}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-1),var(--primary-2));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.feature-content{flex:1}.feature-content h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.feature-content p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.character-animation{width:100%;max-width:480px;height:auto;display:flex;justify-content:center;align-items:center;margin:var(--space-8) auto;overflow:hidden;position:relative;border-radius:var(--radius-lg)}.character-image{max-width:100%;max-height:400px;border-radius:var(--radius-lg);animation:slide-in 1.5s ease-out forwards;transform-origin:center;will-change:transform;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}@keyframes slide-in{0%{transform:translateX(-150%) scale(.9);opacity:0}70%{opacity:1}to{transform:translateX(0) scale(1)}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:var(--z-modal);opacity:0;transition:opacity .3s ease}.modal.show{opacity:1}.modal-content{background:linear-gradient(145deg,rgba(30,41,59,.95),rgba(15,23,42,.98));border:1px solid var(--border-light);box-shadow:0 0 0 1px hsla(0,0%,100%,.05),0 25px 50px -12px rgba(0,0,0,.4);max-width:420px;width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);padding:var(--space-6);border-radius:var(--radius-xl);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal.show .modal-content{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-close{background:hsla(0,0%,100%,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;position:absolute;right:var(--space-4);top:var(--space-4);cursor:pointer;z-index:var(--z-dropdown)}.modal-close:hover{background:hsla(0,0%,100%,.15);color:var(--text-highlight);transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:var(--space-5);padding:0 var(--space-8)}.modal-header h2{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,var(--primary-1),var(--primary-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.modal-header p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.modal-body{background:var(--glass-highlight);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5)}#captchaContainer{display:flex;justify-content:center;align-items:center;min-height:78px;transition:opacity .3s ease}.modal-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-3);font-size:.875rem;text-align:center}.star-dot{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(1px)}.star-dot.orange{background:radial-gradient(circle,rgba(255,165,0,.8) 0,rgba(255,165,0,.1) 70%,rgba(255,165,0,0) 100%);box-shadow:0 0 20px 5px rgba(255,165,0,.3)}.star-dot.blue{background:radial-gradient(circle,rgba(0,191,255,.8) 0,rgba(0,191,255,.1) 70%,rgba(0,191,255,0) 100%);box-shadow:0 0 20px 5px rgba(0,191,255,.3)}.star-dot.purple{background:radial-gradient(circle,rgba(147,112,219,.8) 0,rgba(147,112,219,.1) 70%,rgba(147,112,219,0) 100%);box-shadow:0 0 20px 5px rgba(147,112,219,.3)}.star-dot.large{width:12px;height:12px;animation:pulse-gentle 6s ease-in-out infinite}.star-dot.medium{width:8px;height:8px;animation:pulse-gentle 8s ease-in-out infinite}.star-dot.small{width:5px;height:5px;animation:pulse-gentle 10s ease-in-out infinite}@keyframes pulse-gentle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.star-1{top:15%;left:10%}.star-2{top:8%;right:18%}.star-3{bottom:25%;left:20%}.star-4{bottom:12%;right:15%}.star-5{top:40%;left:35%}.star-6{top:35%;right:25%}.star-7{bottom:40%;right:30%}.light-beam{position:absolute;background:linear-gradient(180deg,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.08) 15%,hsla(0,0%,100%,.03) 30%,hsla(0,0%,100%,0));width:2px;transform:rotate(30deg);transform-origin:top center;pointer-events:none;z-index:-1;opacity:.5}.beam-1{height:300px;top:-50px;left:20%;transform:rotate(35deg)}.beam-2{height:400px;top:-100px;right:15%;transform:rotate(-40deg);opacity:.4}.beam-3{height:350px;bottom:-50px;left:35%;transform:rotate(150deg);opacity:.3}.beam-4{height:450px;bottom:-80px;right:30%;transform:rotate(130deg);opacity:.4}.beam-5{height:250px;top:20%;left:5%;transform:rotate(15deg);opacity:.5;width:1px}.beam-6{height:280px;top:15%;right:8%;transform:rotate(-20deg);opacity:.4;width:1px}.light-ray{position:absolute;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));height:1000px;width:120px;transform:rotate(45deg);pointer-events:none;z-index:-1;opacity:.3}.ray-1{top:-400px;right:0}.ray-2{top:-350px;right:5%;opacity:.2;width:120px}.auth-bg-gradient{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(ellipse at bottom,rgba(30,41,59,.2) 0,rgba(15,23,42,.1) 100%);pointer-events:none;z-index:-2}.animate-fadeIn{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.96)}}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spinner .8s linear infinite;margin-left:8px}@keyframes spinner{to{transform:rotate(1turn)}}@media (min-width:768px){.auth-footer{display:flex;justify-content:center;align-items:center;gap:var(--space-2)}.pin-input-group{gap:16px}.pin-input{width:60px;height:70px;font-size:28px}}@media (min-width:1024px){.auth-side{display:block}.auth-main{flex:0 0 600px}.auth-card{padding:var(--space-12)}.character-image{max-height:480px}.auth-feature-card{padding:var(--space-8)}.social-buttons{margin-top:var(--space-2)}}@media (max-width:767px){.auth-main{padding:var(--space-4)}.auth-card{padding:var(--space-6)}.auth-header{margin-bottom:var(--space-6)}.testimonial-card{padding:var(--space-4)}.auth-title{font-size:1.25rem}.character-animation{margin:var(--space-4) auto}.character-image{max-height:320px}.social-buttons{gap:var(--space-2)}.pin-input{width:45px;height:55px;font-size:22px}.pin-input-group{gap:10px}.modal-content{width:95%;padding:var(--space-4)}.modal-header{padding:0 var(--space-2)}.modal-body{padding:var(--space-3)}.auth-feature-card{padding:var(--space-4)}}@media (max-width:374px){.auth-card{padding:var(--space-4)}.pin-input{width:40px;height:50px;font-size:20px}.pin-input-group{gap:8px}.form-label-wrapper{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.social-buttons{grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.form-checkbox{align-items:flex-start}.checkbox-label{font-size:.8125rem}}@media (prefers-color-scheme:dark){:root{--surface-dark:rgba(12,18,36,.6);--surface-dark-hover:rgba(15,23,42,.8)}}@media (hover:none){.form-control{font-size:16px}.btn:active{transform:scale(.98)}.social-btn:active{transform:scale(.95)}}@media (forced-colors:active){.btn,.form-control,.pin-input,.social-btn{border:2px solid ButtonText}.alert,.auth-card,.auth-feature-card,.testimonial-card{border:1px solid ButtonText}}:focus-visible{outline:2px solid var(--primary-1);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--primary-1)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInDown{animation:fadeInDown .5s ease forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slideInRight{animation:slideInRight .5s ease forwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-pulse{animation:pulse 2s infinite}@media print{.auth-wrapper{display:block;background:none!important}.auth-side{display:none!important}.auth-card{box-shadow:none!important;color:#000!important}.auth-card,.btn,.form-control{border:1px solid #ccc!important}body{background:#fff!important;color:#000!important}}