:root{--auth-bg:#09090b;--auth-text-main:#f4f4f5;--auth-text-muted:#a1a1aa;--auth-border:#27272a;--auth-primary:#fff;--auth-radius-lg:16px;--auth-radius-md:8px;--auth-fade-bg:#09090bcc;--auth-card-bg:#18181b;--auth-primary-text:#09090b;--auth-input-focus-border:#f4f4f5}[data-theme=light]{--auth-bg:#f9fafb;--auth-text-main:#111827;--auth-text-muted:#6b7280;--auth-border:#e5e7eb;--auth-primary:#111827;--auth-fade-bg:#f9fafbcc;--auth-card-bg:#fff;--auth-primary-text:#fff;--auth-input-focus-border:#111}*{box-sizing:border-box;margin:0;padding:0}.auth-container{z-index:1;justify-content:space-between;width:100%;height:100vh;display:flex;position:relative}.auth-side{perspective:1200px;pointer-events:none;width:35%;height:100%;position:relative;overflow:hidden}.auth-side:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.auth-side.left:after{background:linear-gradient(to right, transparent 0%, var(--auth-fade-bg) 70%, var(--auth-bg) 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.auth-side.right:after{background:linear-gradient(to left, transparent 0%, var(--auth-fade-bg) 70%, var(--auth-bg) 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(270deg,#0000,#000);mask-image:linear-gradient(270deg,#0000,#000)}.scroll-track-wrapper{gap:16px;width:120%;height:150%;display:flex;position:absolute;top:-25%}.auth-side.left .scroll-track-wrapper{transform-origin:100%;justify-content:flex-end;right:-5%;transform:rotateY(15deg)translateZ(-50px)}.auth-side.right .scroll-track-wrapper{transform-origin:0;justify-content:flex-start;left:-5%;transform:rotateY(-15deg)translateZ(-50px)}.scroll-track{flex-direction:column;gap:16px;width:33.333%;animation:30s linear infinite scroll-vertical;display:flex}.scroll-track.reverse{animation:35s linear infinite scroll-vertical-reverse}.scroll-img{object-fit:cover;border-radius:12px;width:100%;box-shadow:0 10px 15px -3px #0000004d}@keyframes scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scroll-vertical-reverse{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.auth-center{z-index:10;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--auth-card-bg);border:1px solid var(--auth-border);border-radius:var(--auth-radius-lg);flex-direction:column;align-items:center;width:100%;max-width:440px;padding:48px 40px;display:flex;box-shadow:0 20px 40px -10px #00000014,0 0 20px #00000005}.auth-logo{color:var(--auth-text-main);margin-bottom:24px}.auth-logo .brand-logo-image{max-width:190px}.auth-title{color:var(--auth-text-main);text-align:center;margin-bottom:8px;font-size:1.8rem;font-weight:700}.auth-title-dot{color:#fbbf24;margin-left:2px;font-size:2rem;line-height:0}.auth-subtitle{color:var(--auth-text-muted);text-align:center;margin-bottom:32px;font-size:.9rem;line-height:1.5}.social-btns{flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.btn-social{border-radius:var(--auth-radius-md);cursor:pointer;border:1px solid var(--auth-border);background:var(--auth-card-bg);width:100%;color:var(--auth-text-main);justify-content:center;align-items:center;gap:12px;padding:12px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.btn-social:hover{background:var(--auth-bg)}.btn-discord{color:#fff;background:#5865f2;border-color:#5865f2}.btn-discord:hover{background:#4752c4}.auth-divider{text-align:center;color:#9ca3af;align-items:center;width:100%;margin-bottom:24px;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--auth-border);flex:1}.auth-divider:before{margin-right:12px}.auth-divider:after{margin-left:12px}.auth-form{flex-direction:column;gap:16px;width:100%;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--auth-text-main);font-size:.85rem;font-weight:500}.form-input-container{align-items:center;display:flex;position:relative}.form-input{border:1px solid var(--auth-border);border-radius:var(--auth-radius-md);width:100%;color:var(--auth-text-main);background:var(--auth-bg);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--auth-input-focus-border);box-shadow:0 0 0 2px var(--auth-border)}.form-input::placeholder{color:var(--auth-text-muted)}.password-input{letter-spacing:2px;padding-right:48px;font-weight:700}.password-input::placeholder{letter-spacing:normal;font-weight:400}.password-toggle{color:#9ca3af;cursor:pointer;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;right:16px}.password-toggle:hover{color:var(--auth-text-main)}.auth-btn-primary{background:var(--auth-primary);width:100%;color:var(--auth-primary-text);border-radius:var(--auth-radius-md);cursor:pointer;border:none;margin-top:8px;padding:14px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .2s,transform .1s}.auth-btn-primary:hover{opacity:.9}.auth-btn-primary:active{transform:translateY(1px)}.auth-footer-link{color:var(--auth-text-muted);text-align:center;margin-top:24px;font-size:.9rem}.auth-footer-link a{color:var(--auth-text-main);font-weight:600;text-decoration:none}.auth-footer-link a:hover{text-decoration:underline}.auth-tos{color:#9ca3af;text-align:center;margin-top:24px;font-size:.8rem}.auth-tos a{color:var(--auth-text-muted);text-decoration:underline}@media (max-width:768px){.auth-side{display:none!important}.auth-center{flex:none;width:100%;padding:16px}.auth-card{max-width:100%;padding:32px 20px}}