.auth-page{--ap-navy:#0d1b2a;--ap-navy-light:#122236;--ap-charcoal:#1e293b;--ap-teal:#00c2cb;--ap-deep-teal:#0096a0;--ap-slate:#94a3b8;--ap-lavender:#cadcfc;--ap-success:#10b981;--ap-danger:#ef4444;--ap-warning:#eab308;--ap-font:"Inter", ui-sans-serif, system-ui, sans-serif}.auth-page .auth-header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#0d1b2ae6;border-bottom:1px solid #ffffff0d;position:fixed;top:0;left:0;right:0}.auth-page .auth-header nav{justify-content:space-between;align-items:center;max-width:80rem;height:4rem;margin:0 auto;padding:0 1rem;display:flex}@media (min-width:1024px){.auth-page .auth-header nav{height:5rem;padding:0 2rem}}.auth-page .auth-header-logo{border-radius:.5rem;flex-shrink:0;width:auto;height:2rem}@media (min-width:1024px){.auth-page .auth-header-logo{height:2.5rem}}.auth-page .auth-header-links{align-items:center;gap:2rem;display:none}@media (min-width:1024px){.auth-page .auth-header-links{display:flex}}.auth-page .auth-header-links a{color:var(--ap-slate);font-size:.875rem;font-weight:500;transition:color .15s}.auth-page .auth-header-links a:hover{color:var(--ap-teal)}.auth-page .auth-header-cta{align-items:center;gap:1rem;display:none}@media (min-width:1024px){.auth-page .auth-header-cta{display:flex}}.auth-page .auth-header-cta .auth-header-demo{background:var(--ap-teal);color:var(--ap-navy);border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.auth-page .auth-header-cta .auth-header-demo:hover{background:var(--ap-deep-teal);color:var(--ap-navy)}.auth-page .auth-header-spacer{flex-shrink:0;height:4rem}@media (min-width:1024px){.auth-page .auth-header-spacer{height:5rem}}.auth-page{background:linear-gradient(180deg, var(--ap-navy) 0%, var(--ap-navy-light) 50%, var(--ap-charcoal) 100%);background-image:linear-gradient(#00c2cb08 1px, transparent 1px), linear-gradient(90deg, #00c2cb08 1px, transparent 1px), linear-gradient(180deg, var(--ap-navy) 0%, var(--ap-navy-light) 50%, var(--ap-charcoal) 100%);min-height:100vh;font-family:var(--ap-font);background-size:60px 60px,60px 60px,100% 100%;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(#00c2cb0f 0%,#0000 70%);width:600px;height:400px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.auth-page .auth-card{-webkit-backdrop-filter:blur(12px);background:#1e293b80;border:1px solid #ffffff14;border-radius:1rem;width:100%;max-width:420px;padding:2.5rem 2rem;position:relative;box-shadow:0 0 40px #00c2cb14}.auth-page .auth-logo{border-radius:.5rem;width:auto;height:2.5rem;margin:0 auto 1.75rem;display:block}.auth-page .auth-wordmark{text-align:center;color:var(--ap-teal);letter-spacing:-.025em;margin-bottom:1.75rem;font-size:1.5rem;font-weight:700;display:block}.auth-page .auth-title{color:#fff;text-align:center;letter-spacing:-.025em;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.auth-page .auth-subtitle{color:var(--ap-slate);text-align:center;margin:0 0 1.75rem;font-size:.875rem;line-height:1.5}.auth-page .auth-label{color:var(--ap-slate);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.auth-page .auth-input{color:#fff;width:100%;font-family:var(--ap-font);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.auth-page .auth-input::placeholder{color:#94a3b880}.auth-page .auth-input:focus{border-color:var(--ap-teal);box-shadow:0 0 0 2px #00c2cb26}.auth-page .auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-page .auth-btn{background:var(--ap-teal);width:100%;color:var(--ap-navy);font-family:var(--ap-font);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.auth-page .auth-btn:hover:not(:disabled){background:var(--ap-deep-teal);box-shadow:0 0 20px #00c2cb40}.auth-page .auth-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.auth-page .auth-alert{border-radius:.5rem;align-items:flex-start;gap:.625rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.auth-page .auth-alert-icon{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.auth-page .auth-alert-success{color:var(--ap-success);background:#10b9811a;border:1px solid #10b98133}.auth-page .auth-alert-warning{color:var(--ap-warning);background:#eab3081a;border:1px solid #eab30833}.auth-page .auth-alert-danger{color:var(--ap-danger);background:#ef44441a;border:1px solid #ef444433}.auth-page .auth-field{margin-bottom:1.25rem}.auth-page .auth-field-error{color:var(--ap-danger);margin-top:.375rem;font-size:.75rem}.auth-page .auth-divider{border:none;border-top:1px solid #ffffff14;margin:1.5rem 0 1rem}.auth-page .auth-footer{color:var(--ap-slate);text-align:center;margin-top:1.75rem;font-size:.75rem}.auth-page .auth-footer strong{color:var(--ap-lavender)}.auth-page .auth-copyright{color:#94a3b880;text-align:center;margin-top:1.5rem;font-size:.75rem}.auth-page .auth-spinner{border:2px solid var(--ap-navy);border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite auth-spin;display:inline-block}.auth-page .auth-spinner-lg{border-width:3px;border-color:var(--ap-teal);border-top-color:#0000;width:2.5rem;height:2.5rem}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-page .auth-center{text-align:center}.auth-page .auth-center .auth-icon{color:var(--ap-teal);margin-bottom:1.5rem;font-size:3rem}.auth-page .auth-center h4{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.auth-page .auth-center .auth-status{color:var(--ap-slate);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.auth-page .auth-btn-outline{color:var(--ap-teal);font-family:var(--ap-font);border:2px solid var(--ap-teal);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.auth-page .auth-btn-outline:hover{background:#00c2cb1a}.auth-page .auth-link{color:var(--ap-teal);text-decoration:none;transition:color .15s}.auth-page .auth-link:hover{color:var(--ap-lavender)}