@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--login-bg:#060a14;--login-surface-border:#4c84ff1a;--login-input-bg:#080e1cb3;--login-input-border:#4c84ff24;--login-input-focus:#4c84ff59;--login-text-primary:#f0f4ff;--login-text-secondary:#8b96b8;--login-text-muted:#505a74;--login-brand:#2d6ff7;--login-brand-light:#5b91ff;--login-brand-glow:#2d6ff759;--login-error-bg:#dc26261f;--login-error-border:#dc26264d;--login-error-text:#f87171;--login-success:#22c55e;--login-radius:14px;--login-radius-lg:24px;--login-font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}.login-wrapper{background:var(--login-bg);min-height:100dvh;font-family:var(--login-font);display:flex;position:relative;overflow:hidden}.login-wrapper:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 10% 80%,#2d6ff714 0%,#0000 60%),radial-gradient(60% 50% at 90% 20%,#1e3a8a1f 0%,#0000 50%),radial-gradient(40% 40%,#4c84ff0a 0%,#0000 50%);position:fixed;inset:0}.login-form-panel{z-index:1;flex:1;justify-content:center;align-items:center;padding:3rem 2.5rem;display:flex;position:relative}.login-form-dots{opacity:.6;pointer-events:none;background-image:radial-gradient(circle,#4c84ff0f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 70%,#000 20%,#0000 70%)}.login-form-inner{z-index:1;flex-direction:column;width:100%;max-width:420px;animation:.8s cubic-bezier(.16,1,.3,1) both login-form-enter;display:flex;position:relative}@keyframes login-form-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-brand{justify-content:center;align-items:center;margin-bottom:2.75rem;display:flex}.login-brand-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #2d6ff726);width:auto;height:120px;transition:filter .3s}.login-brand-logo:hover{filter:drop-shadow(0 4px 28px #2d6ff74d)}.login-heading{text-align:center;margin-bottom:2.25rem}.login-heading h1{color:var(--login-text-primary);letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.875rem;font-weight:900;line-height:1.15}.login-heading p{color:var(--login-text-secondary);margin:0;font-size:.9375rem;line-height:1.5}.login-form{flex-direction:column;gap:1.05rem;display:flex}.login-field{flex-direction:column;gap:.5rem;display:flex}.login-field label{color:var(--login-text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:800}.login-input-wrap{border:1.5px solid var(--login-input-border);border-radius:var(--login-radius);background:var(--login-input-bg);width:100%;min-height:50px;color:var(--login-text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:.7rem;padding:0 .875rem;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.login-input-wrap:focus-within{border-color:var(--login-brand-light);box-shadow:0 0 0 3px var(--login-brand-glow), 0 0 24px -4px #2d6ff733;color:var(--login-brand-light);background:#0a1223e6}.login-input-wrap input{width:100%;min-width:0;color:var(--login-text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:.9375rem}.login-input-wrap input::placeholder{color:var(--login-text-muted);font-weight:400}.login-password-toggle{width:2.2rem;height:2.2rem;color:var(--login-text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.login-password-toggle:hover,.login-password-toggle:focus-visible{color:var(--login-brand-light);background:#5b91ff1a;outline:0}.login-actions-row{justify-content:flex-end;margin-top:-.25rem;display:flex}.login-actions-row button{color:var(--login-brand-light);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.78rem;font-weight:800;transition:color .2s,transform .2s}.login-actions-row button:hover,.login-actions-row button:focus-visible{color:#c8d8ff;outline:0;transform:translateY(-1px)}.login-submit{border-radius:var(--login-radius);background:linear-gradient(135deg, var(--login-brand), var(--login-brand-light));color:#fff;width:100%;min-height:50px;font-size:.9375rem;font-weight:800;font-family:var(--login-font);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.35rem;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #2d6ff766,0 0 #2d6ff700}.login-submit:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 50%);position:absolute;inset:0}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px -4px #2d6ff780,0 0 0 2px #5b91ff26}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.65;cursor:wait}.login-spinner{animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-secondary-action{border-radius:var(--login-radius);color:#a8c2ff;min-height:42px;font:inherit;cursor:pointer;background:#5b91ff14;border:1px solid #5b91ff2e;justify-content:center;align-items:center;gap:8px;font-size:.82rem;font-weight:800;transition:background .2s,color .2s;display:inline-flex}.login-secondary-action:hover,.login-secondary-action:focus-visible{color:#fff;background:#5b91ff24;outline:0}.login-security-badge{color:var(--login-text-muted);border-top:1px solid #4c84ff14;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;font-size:.75rem;font-weight:500;display:flex}.login-security-badge svg{color:var(--login-success);flex-shrink:0}.login-footer{color:var(--login-text-muted);text-align:center;letter-spacing:.02em;margin-top:1rem;font-size:.6875rem}.login-notice{border-radius:var(--login-radius);align-items:flex-start;gap:.65rem;margin:-.75rem 0 1rem;padding:.85rem;font-size:.82rem;line-height:1.45;display:flex}.login-notice svg{flex:none;margin-top:1px}.login-notice--success{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e40}.login-notice--error{color:var(--login-error-text);background:var(--login-error-bg);border:1px solid var(--login-error-border)}.login-dev-link{color:#fff;margin-top:.35rem;font-weight:800;text-decoration:none;display:block}.login-dev-link:hover{text-decoration:underline}.login-hero-panel{background:linear-gradient(160deg,#0a1628 0%,#0f2042 30%,#1a3a7a 70%,#2d6ff7 100%);border-radius:32px 0 0 32px;flex-direction:column;flex:1.1;justify-content:center;align-items:center;margin:12px 0;padding:3rem;display:none;position:relative;overflow:hidden}.login-hero-panel:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 50% at 20% 80%,#2d6ff733 0%,#0000 60%),radial-gradient(40% 40% at 80% 30%,#5b91ff1f 0%,#0000 50%),radial-gradient(60% 70%,#1e3a8a14 0%,#0000 70%);animation:12s ease-in-out infinite alternate hero-mesh-drift;position:absolute;inset:0}@keyframes hero-mesh-drift{0%{opacity:.7;transform:scale(1)translateY(0)}50%{opacity:1;transform:scale(1.04)translateY(-8px)}to{opacity:.7;transform:scale(1)translateY(0)}}.login-hero-panel:after{content:"";opacity:.5;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.login-hero-content{z-index:2;max-width:480px;animation:.9s cubic-bezier(.16,1,.3,1) .2s both hero-content-in;position:relative}@keyframes hero-content-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.login-hero-content h2{color:#fff;text-align:center;margin:0 0 1.25rem;font-size:2.375rem;font-weight:900;line-height:1.15}.login-hero-highlight{background:linear-gradient(90deg,#7cb9ff,#fff 60%,#a8d4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-hero-content p{color:#ffffff8c;text-align:center;max-width:430px;margin:0 auto;font-size:.9375rem;line-height:1.65}.login-hero-pill{z-index:3;-webkit-backdrop-filter:blur(20px);color:#ffffffd9;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-size:.75rem;font-weight:700;animation:.7s cubic-bezier(.16,1,.3,1) both login-pill-float;display:flex;position:absolute}.login-hero-pill--1{animation-delay:.5s;top:1.25rem;right:2rem}.login-hero-pill--2{animation-delay:.7s;bottom:38%;left:2.5rem}.login-hero-pill--3{animation-delay:.9s;bottom:16%;right:2.5rem}@keyframes login-pill-float{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.login-hero-pill-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.login-hero-pill-dot--green{background-color:#34d399;box-shadow:0 0 8px #34d39999}.login-hero-pill-dot--blue{background-color:#60a5fa;box-shadow:0 0 8px #60a5fa99}.login-hero-pill-dot--purple{background-color:#a78bfa;box-shadow:0 0 8px #a78bfa99}.login-hero-illustration{z-index:2;flex:1;justify-content:center;align-items:center;width:100%;margin-top:2rem;padding-bottom:1rem;display:flex;position:relative}.login-hero-illustration img{object-fit:contain;filter:drop-shadow(0 24px 48px #0000004d);border-radius:20px;width:100%;max-width:460px;height:auto;animation:1s cubic-bezier(.16,1,.3,1) .4s both login-illustration-rise}@keyframes login-illustration-rise{0%{opacity:0;transform:translateY(40px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.login-hero-bg-ring{z-index:0;border:1px solid #ffffff0a;border-radius:50%;position:absolute}.login-hero-bg-ring--1{width:560px;height:560px;animation:8s ease-in-out infinite alternate login-ring-breathe;bottom:-140px;right:-140px}.login-hero-bg-ring--2{width:380px;height:380px;animation:10s ease-in-out 2s infinite alternate login-ring-breathe;top:-80px;left:-80px}.login-hero-bg-ring--3{border:1px dashed #ffffff08;width:220px;height:220px;animation:12s ease-in-out 1s infinite alternate login-ring-breathe;top:38%;right:30%}@keyframes login-ring-breathe{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.06)}}.login-hero-glow{z-index:1;pointer-events:none;background:radial-gradient(circle,#2d6ff71f 0%,#0000 65%);border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite alternate hero-glow-pulse;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@keyframes hero-glow-pulse{0%{opacity:.5;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.08)}}@media (min-width:1024px){.login-hero-panel{display:flex}.login-form-panel{flex:1;max-width:52%}}@media (max-width:1023px){.login-wrapper{overflow:auto}.login-form-panel{min-height:100dvh;padding:2.5rem 1.5rem}.login-brand-logo{height:72px}}@media (max-width:480px){.login-form-panel{padding:2rem 1.25rem}.login-heading h1{font-size:1.5rem}.login-brand-logo{height:64px}.login-form-inner{max-width:100%}.login-input-wrap,.login-submit{min-height:48px}}