@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');:root[data-theme="dark"]{--bg-canvas:#0f1320;--bg-deep:#070a14;--bg-soft:#1a2034;--card-bg:rgba(28,34,56,.72);--card-border:rgba(255,255,255,.08);--card-border-hi:rgba(255,255,255,.14);--input-bg:rgba(255,255,255,.04);--input-bg-focus:rgba(255,255,255,.07);--input-border:rgba(255,255,255,.10);--text-1:#f5f7fb;--text-2:rgba(245,247,251,.65);--text-3:rgba(245,247,251,.40);--text-on-brand:#ffffff;--mesh-opacity:.55}:root[data-theme="light"]{--bg-canvas:#f5f7ff;--bg-deep:#eef1fa;--bg-soft:#ffffff;--card-bg:rgba(255,255,255,.78);--card-border:rgba(15,23,42,.06);--card-border-hi:rgba(15,23,42,.14);--input-bg:rgba(15,23,42,.03);--input-bg-focus:#ffffff;--input-border:rgba(15,23,42,.10);--text-1:#0b1020;--text-2:#4a5468;--text-3:#8892a6;--text-on-brand:#ffffff;--mesh-opacity:.45}:root[data-theme-color="blue"]{--brand-1:#3b82f6;--brand-2:#1d4ed8;--brand-3:#60a5fa;--brand-glow:rgba(59,130,246,.35);--mesh-a:#6366f1;--mesh-b:#3b82f6;--mesh-c:#06b6d4;--mesh-d:#818cf8}:root[data-theme-color="orange"]{--brand-1:#f97316;--brand-2:#ea580c;--brand-3:#fb923c;--brand-glow:rgba(249,115,22,.35);--mesh-a:#fb923c;--mesh-b:#f59e0b;--mesh-c:#fb7185;--mesh-d:#fbbf24}:root[data-theme-color="green"]{--brand-1:#10b981;--brand-2:#059669;--brand-3:#34d399;--brand-glow:rgba(16,185,129,.35);--mesh-a:#34d399;--mesh-b:#10b981;--mesh-c:#06b6d4;--mesh-d:#6ee7b7}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{scroll-behavior:smooth}body{font-family:'Plus Jakarta Sans','Outfit',system-ui,-apple-system,sans-serif;background:var(--bg-canvas);color:var(--text-1);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .6s ease,color .4s ease;position:relative}body::before,body::after,body.login::before,body.login::after,.login-page::before,.hold-transition::before{content:none !important;display:none !important}.wrapper,.content-wrapper,.main-header{all:unset !important}.fullscreen-bg,.fullscreen-overlay{display:none !important}.top-content{background:transparent !important;padding:0 !important;min-height:0 !important}.auth-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg-canvas)}.auth-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-canvas)0%,var(--bg-deep)100%)}.mesh{position:absolute;border-radius:50%;filter:blur(100px);opacity:var(--mesh-opacity);will-change:transform;mix-blend-mode:screen}:root[data-theme="light"] .mesh{mix-blend-mode:multiply;opacity:.25}.mesh-a{width:50vw;height:50vw;max-width:720px;max-height:720px;top:-10vh;left:-8vw;background:var(--mesh-a);animation:meshA 26s ease-in-out infinite alternate}.mesh-b{width:45vw;height:45vw;max-width:640px;max-height:640px;bottom:-15vh;right:-10vw;background:var(--mesh-b);animation:meshB 30s ease-in-out infinite alternate}.mesh-c{width:40vw;height:40vw;max-width:560px;max-height:560px;top:40%;left:35%;transform:translate(-50%,-50%);background:var(--mesh-c);animation:meshC 34s ease-in-out infinite alternate}.mesh-d{width:35vw;height:35vw;max-width:480px;max-height:480px;bottom:10%;left:15%;background:var(--mesh-d);animation:meshD 28s ease-in-out infinite alternate}@keyframes meshA{0%{transform:translate(0,0)scale(1)}100%{transform:translate(5vw,4vh)scale(1.1)}}@keyframes meshB{0%{transform:translate(0,0)scale(1)}100%{transform:translate(-6vw,-5vh)scale(1.15)}}@keyframes meshC{0%{transform:translate(-50%,-50%)scale(1)}100%{transform:translate(-45%,-55%)scale(1.12)}}@keyframes meshD{0%{transform:translate(0,0)scale(.95)}100%{transform:translate(4vw,-3vh)scale(1.08)}}.bg-particles{position:absolute;inset:0;pointer-events:none}.bg-particles .dot{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--brand-3);box-shadow:0 0 10px var(--brand-3);opacity:0;animation:particleFloat 16s ease-in-out infinite}@keyframes particleFloat{0%,100%{opacity:0;transform:translateY(0)scale(.4)}20%,80%{opacity:.5}50%{opacity:.7;transform:translateY(-120px)scale(1)}}.auth-page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;padding:24px}.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;flex-shrink:0;opacity:0;transform:translateY(-12px);animation:topBarIn .8s cubic-bezier(.16,1,.3,1).15s forwards}@keyframes topBarIn{to{opacity:1;transform:translateY(0)}}.topbar-back{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 14px;border-radius:100px;background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border);color:var(--text-2);font-size:13px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.topbar-back:hover{color:var(--text-1);border-color:var(--card-border-hi);transform:translateX(-3px);background:var(--input-bg-focus)}.topbar-back-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand-1);color:#fff;font-size:11px;transition:transform .3s ease}.topbar-back:hover .topbar-back-icon{transform:translateX(-2px)}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-btn{width:44px;height:44px;border-radius:50%;background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border);color:var(--text-1);cursor:pointer;display:grid;place-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);font-size:15px}.topbar-btn:hover{transform:rotate(20deg)scale(1.05);border-color:var(--card-border-hi);color:var(--brand-1)}.topbar-btn:active{transform:scale(.92)}:root[data-theme="dark"] .topbar-btn .icon-sun{display:none}:root[data-theme="light"] .topbar-btn .icon-moon{display:none}.auth-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 12px;perspective:1000px}.auth-card{position:relative;width:100%;max-width:480px;padding:40px 38px 36px;background:var(--card-bg);border-radius:28px;border:1px solid var(--card-border);backdrop-filter:blur(30px)saturate(180%);-webkit-backdrop-filter:blur(30px)saturate(180%);box-shadow:0 30px 80px -20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);opacity:0;transform:translateY(30px)scale(.96);animation:cardIn 1s cubic-bezier(.16,1,.3,1).35s forwards;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1);isolation:isolate}@keyframes cardIn{to{opacity:1;transform:translateY(0)scale(1)}}:root[data-theme="light"] .auth-card{box-shadow:0 30px 80px -20px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.8)}.auth-card>*{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px;opacity:0;transform:translateY(12px);animation:brandIn .7s cubic-bezier(.16,1,.3,1).55s forwards}@keyframes brandIn{to{opacity:1;transform:translateY(0)}}.auth-logo{position:relative;width:64px;height:64px;flex-shrink:0;border-radius:18px;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));box-shadow:0 10px 30px -8px var(--brand-glow),inset 0 1px 0 rgba(255,255,255,.25);display:grid;place-items:center;overflow:hidden;animation:logoFloat 5s ease-in-out 1.2s infinite;transition:transform .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.auth-logo:hover{transform:scale(1.08)rotate(-4deg)}.auth-logo img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;z-index:2;transition:transform .35s ease}.auth-logo:hover img{transform:scale(1.08)}.auth-logo::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,transparent 25%,rgba(255,255,255,.35)50%,transparent 75%);transform:translateX(-120%);pointer-events:none;animation:logoShine 7s ease-in-out 1.5s infinite}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes logoShine{0%,70%{transform:translateX(-120%)}85%{transform:translateX(120%)}100%{transform:translateX(120%)}}.auth-brand-text{min-width:0;display:flex;flex-direction:column;justify-content:center}.auth-brand-text h1{margin:0;font-family:'Outfit',sans-serif;font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-1)}.auth-brand-text p{margin:4px 0 0;font-size:12px;font-weight:400;line-height:1.4;color:var(--text-2);letter-spacing:.02em}.auth-role{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:100px;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;box-shadow:0 4px 14px -2px var(--brand-glow);opacity:0;transform:translateY(8px);animation:brandIn .6s cubic-bezier(.16,1,.3,1).65s forwards}.auth-role .role-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.auth-title{margin:0 0 6px;font-family:'Outfit',sans-serif;font-size:34px;font-weight:800;line-height:1.05;letter-spacing:-.025em;background:linear-gradient(120deg,var(--text-1)0%,var(--text-1)35%,var(--brand-1)50%,var(--text-1)65%,var(--text-1)100%);background-size:250% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:titleSweep 1.6s cubic-bezier(.16,1,.3,1).7s forwards,titleIn .7s cubic-bezier(.16,1,.3,1).7s both}@keyframes titleSweep{to{background-position:0% 0}}@keyframes titleIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-subtitle{margin:0 0 28px;color:var(--text-2);font-size:14px;line-height:1.5;opacity:0;animation:brandIn .6s cubic-bezier(.16,1,.3,1).85s forwards}.auth-form{display:flex;flex-direction:column}.field{position:relative;margin-bottom:16px;opacity:0;transform:translateY(12px);animation:fieldIn .65s cubic-bezier(.16,1,.3,1)forwards}.field:nth-of-type(1){animation-delay:.95s}.field:nth-of-type(2){animation-delay:1.05s}.field:nth-of-type(3){animation-delay:1.15s}@keyframes fieldIn{to{opacity:1;transform:translateY(0)}}.field-input{position:relative}.field-input input,.field-input select{width:100%;height:58px;padding:22px 18px 8px 50px;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:14px;color:var(--text-1);font-family:inherit;font-size:14.5px;font-weight:500;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.field-input select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:48px;padding-top:8px}.field-input input::placeholder{color:transparent}.field-input input:focus,.field-input select:focus{background:var(--input-bg-focus);border-color:var(--brand-1);box-shadow:0 0 0 4px var(--brand-glow);transform:translateY(-1px)}.field-input label{position:absolute;left:50px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:14px;font-weight:500;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1);background:transparent;padding:0 4px}.field-input input:focus+label,.field-input input:not(:placeholder-shown)+label{top:8px;transform:translateY(0);font-size:11px;color:var(--brand-1);font-weight:700;letter-spacing:.03em;text-transform:uppercase}.field-input .field-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:16px;transition:color .25s ease,transform .25s ease;pointer-events:none}.field-input input:focus~.field-icon,.field-input select:focus~.field-icon{color:var(--brand-1);transform:translateY(-50%)scale(1.1)}.field-input .field-chevron{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:12px;pointer-events:none}.field-input::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--brand-1),var(--brand-3));border-radius:2px;transform:translateX(-50%);transition:width .35s cubic-bezier(.16,1,.3,1);pointer-events:none}.field-input:focus-within::after{width:70%}.field-hint{display:flex;justify-content:space-between;margin-top:6px;padding:0 4px;font-size:11px;color:var(--text-3)}.field-captcha{display:flex;align-items:stretch;gap:10px}.captcha-thumb{position:relative;height:58px;width:auto;align-self:flex-start;border-radius:12px;padding:4px 44px 4px 4px;border:1.5px solid var(--input-border);background:transparent;overflow:hidden;display:inline-flex;align-items:center}.captcha-thumb img{height:100% !important;width:auto !important;max-width:none !important;object-fit:contain !important;border-radius:8px;display:block}.captcha-refresh{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid var(--brand-1);background:var(--brand-glow);color:var(--brand-1);cursor:pointer;display:grid;place-items:center;transition:transform .4s ease,background .2s ease;font-size:12px;z-index:3}.captcha-refresh:hover{transform:translateY(-50%)rotate(180deg);background:var(--brand-1);color:#fff}.field-captcha .field-input{flex:1}.field-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:6px 2px 22px;opacity:0;animation:fieldIn .65s cubic-bezier(.16,1,.3,1)1.2s forwards}.toggle-show{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-2);font-size:12.5px;user-select:none}.toggle-show input{display:none}.toggle-show .switch{position:relative;width:36px;height:20px;border-radius:100px;background:var(--input-border);transition:background .25s ease}.toggle-show .switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.toggle-show input:checked+.switch{background:var(--brand-1)}.toggle-show input:checked+.switch::after{left:18px;animation:switchPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes switchPop{0%{transform:scale(1)}50%{transform:scale(.8)}100%{transform:scale(1)}}.forgot{color:var(--brand-1);font-size:12.5px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s}.forgot:hover{opacity:.75;transform:translateX(2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;border-radius:14px;border:0;font-family:inherit;font-size:13.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;isolation:isolate;opacity:0;animation:fieldIn .65s cubic-bezier(.16,1,.3,1)1.3s forwards}.btn-primary{background:linear-gradient(135deg,var(--brand-1)0%,var(--brand-2)100%);color:#ffffff !important;box-shadow:0 10px 30px -8px var(--brand-glow);background-size:200% 100%;background-position:0% 0%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px var(--brand-glow);background-position:100% 0%;color:#ffffff !important}.btn-primary:active{transform:translateY(0)scale(.99);color:#fff !important}.btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);transition:transform .8s ease;z-index:0}.btn-primary:hover::before{transform:translateX(100%)}.btn-primary>*{position:relative;z-index:1}.btn-primary i{transition:transform .3s ease}.btn-primary:hover i{transform:translateX(4px)}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff !important;box-shadow:0 10px 30px -8px rgba(239,68,68,.35)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px rgba(239,68,68,.45)}.btn-outline{background:var(--input-bg);color:var(--text-1)!important;border:1.5px solid var(--input-border);margin-top:10px;text-decoration:none}.btn-outline:hover{transform:translateY(-2px);border-color:var(--brand-1);background:var(--input-bg-focus);color:var(--text-1)!important;box-shadow:0 8px 24px -8px var(--brand-glow)}.btn-outline:active{transform:translateY(0)scale(.99)}.btn-outline .ic-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:20px;border-radius:5px;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;font-size:10px}.divider{margin:18px 0 14px;display:flex;align-items:center;gap:14px;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.25em;opacity:0;animation:fieldIn .65s cubic-bezier(.16,1,.3,1)1.4s forwards}.divider::before,.divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--input-border),transparent)}.alt-action{margin-top:18px;text-align:center;color:var(--text-2);font-size:13px;opacity:0;animation:fieldIn .65s cubic-bezier(.16,1,.3,1)1.45s forwards}.alt-action a{color:var(--text-1);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:100px;transition:all .25s ease}.alt-action a:hover{background:var(--input-bg)}.alt-action a .ic-badge{width:24px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;display:grid;place-items:center;font-size:9px}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5;margin-bottom:16px;border:1px solid;animation:alertIn .5s cubic-bezier(.16,1,.3,1)}.alert-danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25);color:#fca5a5}.alert-success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.25);color:#86efac}:root[data-theme="light"] .alert-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}:root[data-theme="light"] .alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.alert i{flex-shrink:0;margin-top:2px}@keyframes alertIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.auth-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:480px;opacity:0;transform:translateY(20px);animation:cardIn 1s cubic-bezier(.16,1,.3,1).55s forwards}.meta-card{background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border);border-radius:16px;padding:14px 16px;transition:transform .3s ease,border-color .3s ease}.meta-card:hover{transform:translateY(-2px);border-color:var(--card-border-hi)}.meta-label{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:6px;margin-bottom:8px}.meta-label i{font-size:11px}.meta-clock{font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:700;line-height:1;color:var(--text-1);display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums}.meta-clock .sec{font-size:16px;color:var(--brand-1);margin-left:2px}.meta-date{margin-top:5px;font-size:11.5px;color:var(--text-2)}.meta-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-2);margin-bottom:6px}.meta-row .key{color:var(--text-3);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;min-width:50px}.meta-row .val{color:var(--text-1);font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-row .copy-btn{margin-left:auto;background:transparent;border:0;color:var(--text-3);cursor:pointer;padding:2px 6px;border-radius:6px;font-size:10px;transition:all .2s ease}.meta-row .copy-btn:hover{background:var(--input-bg);color:var(--text-1)}.meta-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;background:var(--brand-glow);color:var(--brand-1);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.meta-pill .dot{width:5px;height:5px;border-radius:50%;background:var(--brand-1);box-shadow:0 0 8px var(--brand-1);animation:pulse 1.5s ease-in-out infinite}.profile-card{width:100%;max-width:480px;padding:36px 32px;background:var(--card-bg);border-radius:28px;border:1px solid var(--card-border);backdrop-filter:blur(30px)saturate(180%);-webkit-backdrop-filter:blur(30px)saturate(180%);box-shadow:0 30px 80px -20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);text-align:center;opacity:0;transform:translateY(30px)scale(.96);animation:cardIn 1s cubic-bezier(.16,1,.3,1).25s forwards}:root[data-theme="light"] .profile-card{box-shadow:0 30px 80px -20px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.8)}.profile-avatar{position:relative;width:130px;height:130px;margin:0 auto 22px;border-radius:50%;overflow:visible;animation:brandIn .7s cubic-bezier(.16,1,.3,1).45s both}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--card-border);box-shadow:0 12px 40px -8px var(--brand-glow)}.profile-avatar::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px dashed var(--brand-1);opacity:.5;animation:avatarSpin 16s linear infinite}@keyframes avatarSpin{to{transform:rotate(360deg)}}.profile-avatar .status-dot{position:absolute;bottom:6px;right:10px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);border:4px solid var(--card-bg);box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulseRing 2.4s ease-in-out infinite}@keyframes pulseRing{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}.profile-name{margin:0;font-family:'Outfit',sans-serif;font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--text-1);opacity:0;animation:brandIn .7s cubic-bezier(.16,1,.3,1).6s forwards}.profile-role{margin:8px 0 22px;color:var(--text-2);font-size:14px;font-weight:500;opacity:0;animation:brandIn .7s cubic-bezier(.16,1,.3,1).7s forwards}.profile-form{text-align:left;opacity:0;transform:translateY(12px);animation:brandIn .7s cubic-bezier(.16,1,.3,1).8s forwards}.profile-actions{margin-top:14px;opacity:0;animation:brandIn .7s cubic-bezier(.16,1,.3,1)1s forwards}.session-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);text-decoration:none;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:100px;transition:all .25s ease;margin-top:16px}.session-link:hover{color:var(--text-1);background:var(--input-bg)}.field-static label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:8px;padding-left:4px;letter-spacing:.02em}.auth-footer{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 12px 8px;color:var(--text-3);font-size:11px;letter-spacing:.04em;flex-shrink:0;opacity:0;animation:brandIn .8s cubic-bezier(.16,1,.3,1)1.5s forwards}.auth-footer strong{font-family:'Outfit',sans-serif;color:var(--text-1);font-weight:700;letter-spacing:-.01em}.auth-footer .dot-sep{width:3px;height:3px;border-radius:50%;background:var(--text-3)}.cookie-stack{position:fixed;bottom:20px;right:20px;width:max-content;max-width:calc(100vw - 40px);z-index:9999;pointer-events:none;display:flex;flex-direction:column-reverse;gap:12px}.cookie-stack>*{pointer-events:auto !important;position:relative !important;max-width:380px;width:100%;background:var(--card-bg)!important;background-color:var(--card-bg)!important;background-image:none !important;border:1px solid var(--card-border)!important;border-radius:16px !important;padding:14px 38px 14px 16px !important;margin:0 !important;box-shadow:0 4px 16px rgba(0,0,0,.25)!important;color:var(--text-1)!important;font-size:12.5px !important;line-height:1.55 !important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;animation:toastIn .55s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}html body .cookie-stack *,html body .cookie-stack *::before,html body .cookie-stack *::after{background:transparent !important;background-color:transparent !important;background-image:none !important;border:0 !important;border-color:transparent !important;box-shadow:none !important;outline:0 !important;text-shadow:none !important}.cookie-stack h1,.cookie-stack h2,.cookie-stack h3,.cookie-stack h4,.cookie-stack h5{margin:0 0 6px !important;font-size:13.5px !important;font-weight:700 !important;font-family:'Outfit',sans-serif !important;color:var(--text-1)!important;display:flex !important;align-items:center !important;gap:8px !important}.cookie-stack p{margin:0 0 8px !important;color:var(--text-2)!important;font-size:12px !important}.cookie-stack .close,.cookie-stack [data-dismiss],.cookie-stack button.close,.cookie-stack [aria-label="Close"]{position:absolute !important;top:8px !important;right:10px !important;background:transparent !important;border:0 !important;color:var(--text-3)!important;font-size:18px !important;cursor:pointer !important;padding:4px 8px !important;line-height:1 !important;opacity:.6 !important;border-radius:6px !important}.cookie-stack .close:hover{opacity:1 !important;color:var(--text-1)!important;background:var(--input-bg)!important}.cookie-stack .btn,.cookie-stack button:not(.close){display:inline-flex !important;align-items:center !important;gap:6px !important;padding:7px 12px !important;border-radius:8px !important;font-size:11.5px !important;font-weight:600 !important;margin:3px 5px 0 0 !important;cursor:pointer !important;background:var(--input-bg)!important;color:var(--text-1)!important;border:1px solid var(--input-border)!important}.cookie-stack button.cookie-accept{background:linear-gradient(135deg,var(--brand-1),var(--brand-2))!important;color:#fff !important;border:0 !important;box-shadow:0 4px 12px -4px var(--brand-glow)!important}.cookie-stack>*.cookie-dismissed{display:none !important}.otp-layout{display:flex;flex-direction:column;width:100%}@keyframes otpSlideIn{from{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes otpSlideOut{from{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.97)}}.otp-visual{display:flex;align-items:center;justify-content:center;margin:0 auto 24px;position:relative}.otp-ring{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.otp-ring-inner{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));opacity:.12;animation:otpRingBreathe 3s ease-in-out infinite}@keyframes otpRingBreathe{0%,100%{transform:scale(1);opacity:.12}50%{transform:scale(1.06);opacity:.18}}.otp-ring-pulse{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--brand-1);opacity:0;animation:otpPulseExpand 2.4s cubic-bezier(.16,1,.3,1)infinite}.otp-ring-pulse-2{animation-delay:1.2s}@keyframes otpPulseExpand{0%{transform:scale(.8);opacity:.6}100%{transform:scale(1.6);opacity:0}}.otp-ring-icon{position:relative;z-index:2;font-size:36px;color:var(--brand-1);filter:drop-shadow(0 4px 12px var(--brand-glow));animation:otpIconFloat 3s ease-in-out infinite}@keyframes otpIconFloat{0%,100%{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.05)}}.otp-ring::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--brand-1),var(--brand-3),var(--brand-2),transparent 70%);-webkit-mask:radial-gradient(circle,transparent 46px,#000 47px);mask:radial-gradient(circle,transparent 46px,#000 47px);animation:otpRingSpin 4s linear infinite}@keyframes otpRingSpin{to{transform:rotate(360deg)}}.otp-ring::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border)}.otp-ring-success::before{background:conic-gradient(from 0deg,#22c55e,#4ade80,#10b981,transparent 70%)}.otp-ring-success .otp-ring-inner{background:linear-gradient(135deg,#22c55e,#10b981)}.otp-ring-success .otp-ring-pulse{border-color:#22c55e}.otp-ring-success .otp-ring-icon{color:#22c55e;filter:drop-shadow(0 4px 12px rgba(34,197,94,.4))}.otp-particles{position:absolute;inset:0;pointer-events:none}.otp-particle{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:var(--brand-3);box-shadow:0 0 8px var(--brand-1);opacity:0;animation:otpParticleBurst .8s cubic-bezier(.16,1,.3,1)forwards}@keyframes otpParticleBurst{0%{opacity:1;transform:translate(-50%,-50%)rotate(var(--angle))translateY(0)}60%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%)rotate(var(--angle))translateY(calc(var(--dist)* -1))}}.otp-heading{margin:0 0 6px;font-family:'Outfit',sans-serif;font-size:22px;font-weight:700;color:var(--text-1);text-align:center;letter-spacing:-.01em}.otp-desc{margin:0 0 22px;text-align:center;color:var(--text-2);font-size:13px;line-height:1.6}.otp-field{opacity:1 !important;transform:none !important;animation:none !important}.otp-code-group{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px}.otp-digit{width:52px;height:62px;border-radius:14px;border:2px solid var(--input-border);background:var(--input-bg);color:var(--text-1);font-family:'JetBrains Mono','Outfit',monospace;font-size:24px;font-weight:700;text-align:center;caret-color:var(--brand-1);outline:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.otp-digit:focus{border-color:var(--brand-1);background:var(--input-bg-focus);box-shadow:0 0 0 4px var(--brand-glow),0 8px 24px -8px var(--brand-glow);transform:translateY(-2px)}.otp-digit.filled{border-color:var(--brand-1);background:var(--input-bg-focus);box-shadow:0 0 0 2px var(--brand-glow)}@keyframes otpDigitPop{0%{transform:scale(1)}40%{transform:scale(1.12)translateY(-3px)}100%{transform:scale(1)translateY(0)}}.otp-digit-sep{width:12px;height:3px;border-radius:2px;background:var(--text-3);flex-shrink:0}.otp-resend{text-align:center;margin-bottom:20px;min-height:36px;display:flex;align-items:center;justify-content:center}.otp-timer{color:var(--text-2);font-size:12.5px}.otp-timer strong{color:var(--brand-1);font-family:'JetBrains Mono',monospace;font-weight:700;font-variant-numeric:tabular-nums}.otp-resend-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;border:1.5px solid var(--brand-1);background:transparent;color:var(--brand-1);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.otp-resend-btn:hover{background:var(--brand-1);color:#fff;box-shadow:0 6px 20px -4px var(--brand-glow);transform:translateY(-1px)}.otp-resend-btn i{transition:transform .4s ease}.otp-resend-btn:hover i{transform:rotate(180deg)}.btn-otp-toggle{opacity:1 !important;animation:none !important;margin-top:10px}.btn-send-otp{opacity:1 !important;animation:none !important}.btn-send-otp .btn-send-otp-loader{display:inline-flex;align-items:center;gap:8px}.btn-switch-back{opacity:1 !important;animation:none !important;margin-top:14px}.btn-verified{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)!important;box-shadow:0 10px 30px -8px rgba(34,197,94,.4)!important;pointer-events:none}.otp-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:otpSpin .7s linear infinite;flex-shrink:0}@keyframes otpSpin{to{transform:rotate(360deg)}}.shake{animation:otpShake .5s cubic-bezier(.36,.07,.19,.97)!important}@keyframes otpShake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}@media(max-width:600px){.auth-page{padding:16px}.auth-stage{padding:16px 0;gap:16px}.auth-card,.profile-card{padding:32px 24px 28px;border-radius:24px}.auth-title{font-size:28px}.auth-brand-text h1{font-size:19px}.auth-brand-text p{font-size:11.5px}.auth-logo{width:56px;height:56px;border-radius:16px}.topbar-back{padding:8px 14px 8px 12px;font-size:12px}.topbar-back-text{display:none}.topbar-btn{width:40px;height:40px}.auth-meta{grid-template-columns:1fr}.meta-clock{font-size:26px}.cookie-stack{bottom:12px;right:12px}.auth-footer{flex-wrap:wrap}.profile-name{font-size:26px}.profile-avatar{width:110px;height:110px}.otp-ring{width:84px;height:84px}.otp-ring::before{-webkit-mask:radial-gradient(circle,transparent 38px,#000 39px);mask:radial-gradient(circle,transparent 38px,#000 39px)}.otp-ring-icon{font-size:30px}.otp-digit{width:44px;height:54px;font-size:20px;border-radius:12px}.otp-code-group{gap:6px}.otp-digit-sep{width:8px}.field-captcha{flex-direction:column}.captcha-thumb{align-self:stretch;justify-content:center;height:64px}}@media(max-width:400px){.auth-card,.profile-card{padding:28px 20px 24px}.auth-title{font-size:25px}.field-input input,.field-input select{height:54px;padding:20px 16px 6px 46px;font-size:14px}.field-input label{left:46px}.field-input .field-icon{left:16px;font-size:14px}.field-input input:focus+label,.field-input input:not(:placeholder-shown)+label{left:46px}.btn{height:50px;font-size:12.5px}.otp-digit{width:38px;height:48px;font-size:18px;border-radius:10px}.otp-code-group{gap:5px}.otp-digit-sep{width:6px}.otp-heading{font-size:19px}.otp-ring{width:74px;height:74px}.otp-ring::before{-webkit-mask:radial-gradient(circle,transparent 33px,#000 34px);mask:radial-gradient(circle,transparent 33px,#000 34px)}.otp-ring-icon{font-size:26px}}.otp-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%)translateY(100px);z-index:9999;padding:14px 24px;border-radius:14px;font-size:14px;font-weight:500;font-family:'Inter','Segoe UI',system-ui,sans-serif;line-height:1.5;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.06);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);max-width:420px;width:max-content;display:flex;align-items:center;gap:10px}.otp-toast i{font-size:18px;flex-shrink:0}.otp-toast-show{transform:translateX(-50%)translateY(0);opacity:1}.otp-toast-info{border-color:var(--c-accent);box-shadow:0 8px 32px rgba(0,0,0,.25),0 0 20px color-mix(in srgb,var(--c-accent)20%,transparent)}.otp-toast-info i{color:var(--c-accent)}.otp-toast-success{border-color:#22c55e;box-shadow:0 8px 32px rgba(0,0,0,.25),0 0 20px rgba(34,197,94,.2)}.otp-toast-success i{color:#22c55e}.otp-toast-error{border-color:#ef4444;box-shadow:0 8px 32px rgba(0,0,0,.25),0 0 20px rgba(239,68,68,.2)}.otp-toast-error i{color:#ef4444}@media(max-width:480px){.otp-toast{max-width:calc(100vw - 32px);bottom:16px;font-size:13px;padding:12px 18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}