@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.login-root{min-height:100vh;font-family:var(--font-primary);color:var(--text-primary);background-color:#0000;flex-direction:column;font-weight:400;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.login-root{padding:8vh var(--space-8);align-items:stretch;gap:var(--space-8);flex-direction:row}}.login-ambient{z-index:0;position:absolute;inset:0;overflow:hidden}.login-bg-image{filter:grayscale(80%)contrast(1.2);background-image:url(/bg-login.jpeg);background-position:50%;background-size:cover;position:absolute;inset:0}.login-bg-overlay{background:linear-gradient(135deg,#050b14d9 0%,#050b14f2 50%,var(--bg-primary)100%);position:absolute;inset:0}.orb{filter:blur(100px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite alternate drift;position:absolute}.orb-1{background:rgba(var(--accent-rgb),.5);width:500px;height:500px;top:-150px;left:-100px}.orb-2{background:#10b98180;width:400px;height:400px;animation-delay:-5s;bottom:-100px;right:20%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.1)}}.login-left{z-index:10;padding:var(--space-4);flex-direction:column;flex:1;justify-content:flex-end;display:none;position:relative}@media (min-width:1024px){.login-left{justify-content:flex-end;padding:0;display:flex}}.brand-wrapper{width:100%;max-width:650px;height:183px;margin-bottom:var(--space-4);z-index:50;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:var(--radius-lg);background:0 0;border-color:#0000;flex-direction:column;justify-content:center;gap:0;transition:transform 2s,background 1.2s,border-color 1.2s,box-shadow 1.2s,-webkit-backdrop-filter 1.2s,backdrop-filter 1.2s;display:flex;position:relative;padding:32px var(--space-5)16px!important}.logo-intro-container>div,.brand-wrapper>div{justify-content:flex-start;padding:0!important}.logo-intro-container svg{width:100%}.brand-wrapper svg{width:auto;max-width:100%;height:auto;max-height:73px}.intro-start{transform:translateX(calc(50vw - 50% - var(--space-8)));pointer-events:none}@media (max-width:1023px){.intro-start{width:100%;transform:translate(0)}}.logo-settled{transform:translate(0)}.panel-visible{background:var(--glass-bg,#0f172a66)!important;-webkit-backdrop-filter:blur(16px)saturate(180%)!important;border:1px solid var(--glass-border,#ffffff14)!important;box-shadow:var(--shadow-lg),inset 0 1px 0 #ffffff1a!important}.brand-slogan-container{opacity:0;visibility:hidden;height:auto;transition:opacity 1s,visibility 1s}.brand-slogan-container.slogan-show{opacity:1;visibility:visible}.tagline{font-size:var(--text-lg);width:100%;min-height:40px;color:var(--text-primary);margin-bottom:0;line-height:1.5;transition:opacity .4s,transform .4s}.brand-slogan{border-top:1px solid var(--glass-border);margin-top:-12px;padding-top:7px}.slogan-cube-viewport{perspective:800px;height:66px;overflow:visible}.slogan-cube{width:100%;height:66px;transform-style:preserve-3d;position:relative;transform:translateZ(-33px)rotateX(0)}.slogan-cube.slogan-cube-spin{animation:1s cubic-bezier(.34,1.4,.64,1) forwards cubeRotate}.slogan-cube-face{width:100%;height:66px;padding:0 var(--space-4);backface-visibility:hidden;border:1px solid rgba(var(--accent-rgb),.3);border-top:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000080,var(--shadow-lg),0 0 20px rgba(var(--accent-rgb),.2);background:linear-gradient(#1e293b 0%,#0f172a 100%);align-items:center;margin:0;display:flex;position:absolute;top:0;left:0}.slogan-cube-front{transform:rotateX(0)translateZ(33px)}.slogan-cube-bottom{transform:rotateX(-90deg)translateZ(33px)}@keyframes cubeRotate{0%{transform:translateZ(-33px)rotateX(0)}to{transform:translateZ(-33px)rotateX(90deg)}}.mobile-tagline{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-6);min-height:36px;transition:opacity .4s,transform .4s;display:none}@media (max-width:1023px){.mobile-tagline{display:block}}.premium-clock-widget{align-items:center;gap:var(--space-4);background:var(--glass-bg,#0f172a66);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4)var(--space-6);box-shadow:var(--shadow-lg),inset 0 1px 0 #ffffff1a;width:100%;margin-bottom:var(--space-6);z-index:10;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.premium-clock-widget{margin-bottom:var(--space-6)}}.premium-clock-widget:before{content:"";background:radial-gradient(circle,rgba(var(--accent-rgb),.15)0%,transparent 60%);z-index:-1;pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.premium-clock-icon-wrapper{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.2);width:48px;height:48px;box-shadow:0 0 15px rgba(var(--accent-rgb),.3);border-radius:50%;justify-content:center;align-items:center;display:flex}.premium-clock-icon{color:var(--accent)}.premium-clock-content{flex-direction:column;display:flex}.premium-clock-time{background:linear-gradient(135deg,var(--text-primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;line-height:1.1}.premium-clock-date{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.glass-panel{background:var(--glass-bg,#0f172a66);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-4)var(--space-5);box-shadow:var(--shadow-lg);position:relative}.panel-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid #ffffff0d;display:flex}.text-blue-400{color:var(--accent)}.panel-header h3{font-size:var(--text-base);color:var(--text-primary);letter-spacing:.5px;font-weight:600}.question-panel{width:100%;max-width:650px;padding:var(--space-4)var(--space-8)}.form-topics{gap:var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-topic-item{border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-primary);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:6px;padding:6px 12px;transition:color .5s,background .5s,border-color .5s,box-shadow .5s;display:flex}.form-topic-item.topic-active{color:var(--text-primary);background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.2);box-shadow:0 0 12px rgba(var(--accent-rgb),.1)}.question-form{gap:var(--space-5);flex-direction:column;display:flex}.question-input{padding-left:var(--space-4)!important;font-size:var(--text-base)!important;padding-top:var(--space-3)!important;padding-bottom:var(--space-3)!important;color:var(--text-primary)!important}.question-textarea{resize:vertical;min-height:70px;max-height:200px;font-family:var(--font-primary);padding:var(--space-3)var(--space-4)!important;font-size:var(--text-base)!important;color:var(--text-primary)!important}.question-submit-btn{justify-content:center;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-4);background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.3);border-radius:var(--radius-lg);color:var(--accent);font-size:var(--text-sm);cursor:pointer;font-weight:500;font-family:var(--font-primary);transition:all .3s;display:flex}.question-submit-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.25);border-color:rgba(var(--accent-rgb),.5);color:var(--accent-light);transform:translateY(-1px)}.question-submit-btn:disabled{opacity:.5;cursor:not-allowed}.question-success{align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--success);font-size:var(--text-sm);animation:.4s fadeIn;display:flex}.question-success svg{flex-shrink:0}.mobile-question-panel{margin-top:var(--space-6);width:100%;display:none}@media (max-width:1023px){.mobile-question-panel{display:block}}.login-right{z-index:10;padding:var(--space-4);background:0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;display:flex;position:relative}@media (min-width:1024px){.login-right{justify-content:flex-end;padding:0}}.glass-form-card{background:var(--glass-bg,#0f172a99);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);width:100%;padding:var(--space-4)var(--space-8)48px var(--space-8);box-shadow:var(--shadow-xl),inset 0 1px 0 #ffffff0d;position:relative}@media (min-width:1024px){.glass-form-card,.question-panel{flex-direction:column;flex:0 0 350px;justify-content:space-between;height:350px;display:flex}}.form-header{margin-bottom:var(--space-4)}.mobile-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:none}.mobile-brand>div{justify-content:center;padding:0!important}.mobile-brand svg{width:100%}@media (max-width:1023px){.mobile-brand{justify-content:center;display:flex}}.form-header h2{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:600}.form-header p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:400}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.input-wrapper{position:relative}.input-icon{left:var(--space-4);color:var(--text-tertiary);pointer-events:none;transition:color .3s;position:absolute;top:50%;transform:translateY(-50%)}.glass-input{border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;padding:var(--space-4)var(--space-4)var(--space-4)48px;color:var(--text-primary);font-size:var(--text-lg);font-family:var(--font-primary);background:#ffffff08;outline:none;font-weight:400;transition:all .3s}.glass-input::placeholder{color:#c8dcff59}.glass-input:focus{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.15);background:#ffffff14}.glass-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--accent)}.glass-input:-webkit-autofill{border:1px solid #ffffff1a;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172ae6!important}.glass-input:-webkit-autofill:hover{border:1px solid #ffffff1a;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172ae6!important}.glass-input:-webkit-autofill:focus{border:1px solid #ffffff1a;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172ae6!important}.glass-input:-webkit-autofill:active{border:1px solid #ffffff1a;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172ae6!important}.form-options{font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--text-secondary);justify-content:space-between;align-items:center;font-weight:400;display:flex}.custom-checkbox{align-items:center;gap:var(--space-2);color:var(--text-hover);cursor:pointer;display:flex}.custom-checkbox input{display:none}.checkmark{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:4px;width:18px;height:18px;transition:all .2s;position:relative}.custom-checkbox input:checked+.checkmark{background:var(--accent);border-color:var(--accent)}.custom-checkbox input:checked+.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.forgot-link{color:var(--accent);text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--accent-hover)}.submit-btn{background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent);border-radius:var(--radius-xl);height:48px;padding:0 var(--space-4);font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn:after{content:"";opacity:0;background:linear-gradient(#ffffff0d,#0000);transition:opacity .3s;position:absolute;inset:0}.submit-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.25);border-color:rgba(var(--accent-rgb),.5);color:var(--accent-light);box-shadow:0 8px 25px rgba(var(--accent-rgb),.15);transform:translateY(-2px)}.submit-btn:hover:after{opacity:1}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-error{color:var(--error-light,#fca5a5);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);text-align:center;background:#ef44441a;border:1px solid #ef444433}.form-footer{width:100%;height:48px;font-size:var(--text-xs);color:var(--text-tertiary);justify-content:center;align-items:center;margin:0;font-weight:400;display:flex;position:absolute;bottom:0;left:0}.page-footer{z-index:20;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);font-size:var(--text-xs);color:#475569;background:linear-gradient(#0000,#050b14e6);font-weight:400;display:flex;position:fixed;bottom:0;left:0;right:0}.page-footer a{color:#475569;text-decoration:none;transition:color .2s}.page-footer a:hover{color:var(--text-secondary)}.footer-separator{opacity:.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}.animate-slide-in{animation:.8s forwards fadeIn}.stagger{animation-delay:.2s}