:root{--auth-ink:#0f172a;--auth-muted:#64748b;--auth-line:#e2e8f0;--auth-brand:#6366f1;--auth-brand-2:#8b5cf6;--auth-brand-3:#ec4899;--auth-bg:#0b1020;--auth-radius:18px;--auth-shadow-lg:0 30px 60px -20px #0f172a59, 0 18px 36px -18px #6366f140;--auth-shadow-sm:0 1px 2px #0f172a0f}*{box-sizing:border-box}body.auth-page{background:var(--auth-bg);min-height:100vh;color:var(--auth-ink);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.auth-bg{z-index:0;background:radial-gradient(1200px 800px at 10% 10%,#6366f140,#0000 60%),radial-gradient(1000px 700px at 90% 30%,#ec489933,#0000 60%),radial-gradient(900px 700px at 50% 100%,#8b5cf638,#0000 60%),linear-gradient(#0b1020 0%,#0a0f1e 100%);position:fixed;inset:0;overflow:hidden}.auth-bg__blob{filter:blur(80px);opacity:.55;will-change:transform;border-radius:50%;width:50vw;height:50vw;position:absolute}.auth-bg__blob--1{background:radial-gradient(circle,#6366f1,#0000 70%);animation:18s ease-in-out infinite float1;top:-10%;left:-10%}.auth-bg__blob--2{background:radial-gradient(circle,#ec4899,#0000 70%);animation:22s ease-in-out infinite float2;bottom:-15%;right:-10%}.auth-bg__blob--3{background:radial-gradient(circle,#8b5cf6,#0000 70%);animation:26s ease-in-out infinite float3;top:40%;left:50%;transform:translate(-50%)}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,60px)scale(1.1)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,-30px)scale(1.15)}}@keyframes float3{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%,40px)scale(.95)}}.auth-bg__grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.auth-bg__noise{opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.auth-shell{z-index:1;grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid;position:relative}.auth-hero{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f140,#ec489926),#ffffff0a;border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";filter:blur(40px);pointer-events:none;background:conic-gradient(from 200deg,#6366f140,#0000 30%,#ec489933,#0000 60%);width:80%;height:200%;animation:40s linear infinite heroSpin;position:absolute;top:-50%;right:-30%}@keyframes heroSpin{to{transform:rotate(360deg)}}.auth-hero__brand{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.auth-hero__logo{color:#fff;background:linear-gradient(135deg, var(--auth-brand), var(--auth-brand-3));border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid;box-shadow:0 10px 25px -8px #6366f199}.auth-hero__title{letter-spacing:-.02em;margin:0;font-family:Sora,Inter,sans-serif;font-size:1.5rem;font-weight:800}.auth-hero__content{z-index:1;max-width:460px;position:relative}.auth-hero__headline{letter-spacing:-.03em;margin:0 0 16px;font-family:Sora,sans-serif;font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:800;line-height:1.15}.auth-hero__subtitle{color:#ffffffb8;margin:0 0 28px;font-size:1.02rem;line-height:1.65}.auth-hero__features{gap:12px;margin:0;padding:0;list-style:none;display:grid}.auth-hero__features li{color:#ffffffe0;align-items:center;gap:10px;font-size:.95rem;display:flex}.auth-hero__features i{color:#34d399;font-size:1.05rem}.auth-hero__footer{z-index:1;color:#ffffff73;justify-content:space-between;font-size:.8rem;display:flex;position:relative}.auth-form-wrap{flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex}.auth-card{border-radius:var(--auth-radius);width:100%;max-width:420px;box-shadow:var(--auth-shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #fff9;padding:36px 32px;animation:.6s cubic-bezier(.16,1,.3,1) cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:none}}.auth-card__head{text-align:center;margin-bottom:28px}.auth-card__avatar{background:linear-gradient(135deg, var(--auth-brand), var(--auth-brand-2));color:#fff;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:14px;font-size:1.8rem;display:inline-grid;box-shadow:0 14px 30px -10px #6366f18c}.auth-card__title{letter-spacing:-.02em;margin:0 0 4px;font-family:Sora,sans-serif;font-size:1.55rem;font-weight:700}.auth-card__subtitle{color:var(--auth-muted);margin:0;font-size:.92rem}.auth-field{margin-bottom:18px;position:relative}.auth-field .form-control{border:1.5px solid var(--auth-line);height:56px;color:var(--auth-ink);background:#fff;border-radius:12px;padding:1.4rem 1rem .55rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.auth-field .form-control:focus{border-color:var(--auth-brand);outline:none;box-shadow:0 0 0 4px #6366f11f}.auth-field label{color:var(--auth-muted);padding:1rem 1rem 0;font-size:.92rem;transition:all .15s}.auth-field .form-control:not(:-moz-placeholder-shown)~label{color:var(--auth-brand);font-weight:500;transform:translateY(-9px)scale(.85)}.auth-field .form-control:focus~label,.auth-field .form-control:not(:placeholder-shown)~label{color:var(--auth-brand);font-weight:500;transform:translateY(-9px)scale(.85)}.auth-field .form-control::placeholder{color:#0000}.auth-field.has-error .form-control{background:#fff5f5;border-color:#ef4444}.auth-field .invalid-feedback{color:#dc2626;padding:6px 4px 0;font-size:.8rem}.auth-toggle-pass{color:var(--auth-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s,background .15s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-toggle-pass:hover{color:var(--auth-brand);background:#6366f114}.auth-row{justify-content:space-between;align-items:center;margin:6px 0 22px;display:flex}.auth-remember{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--auth-ink);align-items:center;gap:8px;font-size:.88rem;display:flex}.auth-remember input{display:none}.auth-remember__box{border:1.5px solid var(--auth-line);color:#0000;border-radius:6px;place-items:center;width:20px;height:20px;transition:all .15s;display:grid}.auth-remember__box i{font-size:.85rem;line-height:1}.auth-remember input:checked+.auth-remember__box{background:var(--auth-brand);border-color:var(--auth-brand);color:#fff}.auth-link{color:var(--auth-brand);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.auth-link:hover{color:var(--auth-brand-2);text-decoration:underline}.auth-submit{background:linear-gradient(135deg, var(--auth-brand), var(--auth-brand-2));color:#fff;letter-spacing:.01em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-size:.98rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 28px -12px #6366f18c}.auth-submit:before{content:"";background:linear-gradient(135deg, var(--auth-brand-2), var(--auth-brand-3));opacity:0;transition:opacity .2s;position:absolute;inset:0}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px #6366f1a6}.auth-submit:hover:before{opacity:1}.auth-submit:active{transform:translateY(0)}.auth-submit__text,.auth-submit__icon{z-index:1;position:relative}.auth-submit__icon{transition:transform .2s}.auth-submit:hover .auth-submit__icon{transform:translate(4px)}.auth-divider{color:var(--auth-muted);align-items:center;gap:12px;margin:22px 0 16px;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--auth-line);flex:1;height:1px}.auth-socials{gap:10px;display:flex}.auth-social{border:1.5px solid var(--auth-line);height:46px;color:var(--auth-ink);cursor:pointer;background:#fff;border-radius:12px;flex:1;place-items:center;font-size:1.15rem;transition:all .15s;display:grid}.auth-social:hover{border-color:var(--auth-brand);background:#6366f10f;transform:translateY(-2px)}.auth-foot{color:var(--auth-muted);margin-top:22px;font-size:.88rem}.auth-flash,.auth-alert{z-index:10;box-shadow:var(--auth-shadow-lg);border:none;border-radius:12px;padding:12px 20px;font-size:.92rem;position:fixed;top:20px;left:50%;transform:translate(-50%)}@media (width<=991px){.auth-shell{grid-template-columns:1fr}.auth-hero{display:none}.auth-form-wrap{min-height:100vh}}@media (width<=480px){.auth-card{border-radius:14px;padding:28px 22px}.auth-card__title{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){.auth-bg__blob,.auth-hero:after,.auth-card{animation:none!important}}