:root{--ap-surface:#faf9fe;--ap-surface-dim:#dad9df;--ap-surface-bright:#faf9fe;--ap-surface-container-lowest:#fff;--ap-surface-container-low:#f4f3f8;--ap-surface-container:#eeedf3;--ap-surface-container-high:#e9e7ed;--ap-surface-container-highest:#e3e2e7;--ap-on-surface:#1a1b1f;--ap-on-surface-variant:#414755;--ap-outline:#717786;--ap-outline-variant:#c1c6d7;--ap-primary:#0058bc;--ap-on-primary:#fff;--ap-primary-container:#0070eb;--ap-secondary:#006e28;--ap-tertiary:#4c4aca;--ap-shadow-soft:0 32px 64px -16px rgba(0,0,0,.08)}.dark{--ap-surface:#1a1b1f;--ap-on-surface:#faf9fe;--ap-on-surface-variant:#c1c6d7;--ap-outline:#717786}.login-page-container{background-color:var(--ap-surface);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;color:var(--ap-on-surface);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bg-ambient-layer{position:fixed;inset:0;z-index:0;pointer-events:none}.ambient-orb{position:absolute;border-radius:9999px;filter:blur(110px)}.ambient-orb-1{top:-20%;left:-10%;width:70%;height:70%;background:rgba(219,234,254,.5);animation:pulseOrb 8s ease-in-out infinite alternate}.ambient-orb-2{bottom:-10%;right:-5%;width:60%;height:60%;background:rgba(220,252,231,.4)}.ambient-orb-3{top:20%;right:10%;width:40%;height:40%;background:rgba(243,232,255,.3)}@keyframes pulseOrb{0%{transform:scale(1);opacity:.7}to{transform:scale(1.08);opacity:1}}.login-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;z-index:10}.login-card{width:100%;max-width:420px;background:hsla(0,0%,100%,.88);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid hsla(0,0%,100%,.9);border-radius:1.5rem;box-shadow:0 20px 50px rgba(26,34,68,.1),0 4px 16px rgba(0,0,0,.04);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-card.signup-mode{max-width:500px}.form-row-2col{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.85rem;gap:.85rem}@media (max-width:600px){.form-row-2col{grid-template-columns:1fr;gap:.85rem}}.login-header{padding:1.75rem 2rem 1rem;flex-direction:column}.brand-wrapper,.login-header{display:flex;align-items:center}.brand-wrapper{gap:1rem;margin-bottom:2.5rem}.brand-icon-box{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;box-shadow:0 10px 20px -5px rgba(0,88,188,.25);overflow:hidden;background:#fff}.brand-icon-img{width:100%;height:100%;object-fit:contain;border-radius:1rem}.brand-name{font-size:1.5rem;color:var(--ap-primary)}.brand-name,.login-title{font-weight:700;letter-spacing:-.02em;line-height:1.2}.login-title{font-size:34px;color:var(--ap-on-surface);margin-bottom:.25rem;text-align:center}.login-form{padding-left:2rem;padding-right:2rem;padding-bottom:2rem;gap:.9rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.35rem}.form-label-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.15rem}.form-label{display:block;font-size:11px;font-weight:700;color:var(--ap-on-surface-variant);margin-left:.2rem;text-transform:uppercase;letter-spacing:.04em}.forgot-link{font-size:11.5px;font-weight:500;color:var(--ap-primary);text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#004493}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:rgba(65,71,85,.6);font-size:19px;transition:color .2s ease;pointer-events:none}.glass-input{width:100%;height:2.75rem;padding-left:2.5rem;padding-right:.85rem;background:rgba(249,250,251,.9);border:1px solid rgba(0,0,0,.08);border-radius:.75rem;font-size:13px;font-weight:600;color:#111827;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.dark .glass-input{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#faf9fe}.glass-input::placeholder{color:#9ca3af;font-weight:500}.glass-input:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.12),0 4px 12px rgba(0,122,255,.05)}.dark .glass-input:focus{background:hsla(0,0%,100%,.12);border-color:#0070eb;box-shadow:0 0 0 3px rgba(0,112,235,.2)}.password-input{padding-right:3rem}.toggle-password-btn{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:rgba(65,71,85,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;transition:color .2s ease}.toggle-password-btn:hover{color:var(--ap-on-surface)}.remember-row{display:flex;align-items:center;gap:.6rem;padding-top:.15rem;padding-bottom:.15rem}.custom-checkbox{width:1.1rem;height:1.1rem;accent-color:#007aff;border-radius:.3rem;cursor:pointer}.remember-label{font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.apple-button{width:100%;height:2.75rem;background:linear-gradient(135deg,#007aff,#0051c7);color:#fff;font-size:13.5px;font-weight:700;border:none;border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 6px 16px rgba(0,122,255,.3);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:.35rem}.apple-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,122,255,.45)}.apple-button:active{transform:translateY(0)}.apple-button:hover{background:#004493;transform:scale(1.01)}.apple-button:active{transform:scale(.98)}.apple-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{padding:3rem 2.5rem;position:relative;z-index:10}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem}@media (min-width:768px){.footer-content{flex-direction:row}}.copyright-text{font-size:13px;font-weight:500;color:rgba(65,71,85,.7)}.dark .copyright-text{color:rgba(193,198,215,.7)}.footer-links{display:flex;align-items:center;gap:2rem}.footer-link{font-size:13px;font-weight:600;color:var(--ap-on-surface-variant);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--ap-on-surface)}@media (max-width:520px){.login-card{border-radius:1.5rem}.login-header{padding:2.5rem 1.5rem 1.5rem}.login-form{padding:0 1.5rem 2.5rem}}.mode-segmented-track{display:flex;background:rgba(0,0,0,.05);border-radius:9999px;padding:.25rem;margin-top:1rem;width:100%;border:1px solid rgba(0,0,0,.06)}.mode-tab-btn{flex:1 1;padding:.45rem 1rem;border-radius:9999px;border:none;font-size:13px;font-weight:700;color:#6b7280;background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1;text-align:center}.mode-tab-btn.active{background:linear-gradient(135deg,#007aff,#0051c7);color:#fff;box-shadow:0 4px 12px rgba(0,122,255,.3)}.mode-switch-footer{text-align:center;margin-top:.85rem;font-size:12.5px;color:var(--ap-on-surface-variant)}.mode-switch-link{color:var(--ap-primary);font-weight:600;background:transparent;border:none;cursor:pointer;margin-left:.375rem;text-decoration:none;transition:color .2s ease}.mode-switch-link:hover{color:#004493}