*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--deep: #0a1628;--ocean: #0f2744;--water: #134074;--teal: #13a89e;--aqua: #3ee8e0;--foam: #d0f4f1;--white: #f4f9fb;--sand: #f5e6ca;--coral: #ff6b6b;--coral-soft: #ff8787;--font-display: "Outfit", sans-serif;--font-body: "Sora", sans-serif;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 50px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--deep);color:var(--white);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-wrapper{min-height:100vh;position:relative;overflow:hidden}.page-wrapper:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(19,168,158,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(62,232,224,.06) 0%,transparent 40%),radial-gradient(ellipse at 50% 80%,rgba(19,64,116,.12) 0%,transparent 50%);animation:drift 20s ease-in-out infinite alternate;z-index:0;pointer-events:none}@keyframes drift{0%{transform:translate(0) rotate(0)}to{transform:translate(-30px,20px) rotate(2deg)}}.container{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.container--wide{max-width:640px}.brand{text-align:center;margin-bottom:var(--space-2xl);animation:fadeUp .6s ease-out}.brand__icon{font-size:2.8rem;margin-bottom:var(--space-sm);display:block;filter:drop-shadow(0 0 20px rgba(62,232,224,.3))}.brand__name{font-family:var(--font-display);font-weight:800;font-size:2rem;letter-spacing:-.03em;background:linear-gradient(135deg,var(--aqua),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand__sub{font-size:.85rem;color:#d0f4f180;font-weight:300;margin-top:var(--space-xs);letter-spacing:.15em;text-transform:uppercase}.card{background:#0f274499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(62,232,224,.1);border-radius:var(--radius-lg);padding:var(--space-xl);animation:fadeUp .5s ease-out}.card--elevated{box-shadow:0 4px 24px #0000004d,0 0 60px #13a89e0d}.heading{font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:-.02em;margin-bottom:var(--space-lg);color:var(--white)}.heading--center{text-align:center}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:.8rem;font-weight:500;color:#d0f4f1b3;margin-bottom:var(--space-xs);letter-spacing:.04em;text-transform:uppercase}.form-input{width:100%;padding:.85rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--white);background:#0a1628b3;border:1.5px solid rgba(62,232,224,.15);border-radius:var(--radius-sm);outline:none;transition:border-color .25s ease,box-shadow .25s ease}.form-input::placeholder{color:#d0f4f140}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #13a89e26}.form-input--error{border-color:var(--coral)}.form-error{font-size:.78rem;color:var(--coral-soft);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.02em;padding:.85rem 1.8rem;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .3s ease;text-decoration:none;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--teal),#0fa89e);color:var(--deep);box-shadow:0 4px 20px #13a89e4d}.btn--primary:hover:not(:disabled){box-shadow:0 6px 30px #13a89e73;transform:translateY(-2px)}.btn--secondary{background:transparent;color:var(--aqua);border:1.5px solid rgba(62,232,224,.3)}.btn--secondary:hover:not(:disabled){background:#3ee8e014;border-color:var(--aqua)}.btn--ghost{background:transparent;color:#d0f4f199;padding:.6rem 1rem;font-size:.85rem}.btn--ghost:hover{color:var(--aqua)}.btn--disabled-look{background:#0f274466;color:#d0f4f14d;border:1.5px dashed rgba(62,232,224,.1);cursor:not-allowed}.nav-grid{display:flex;flex-direction:column;gap:var(--space-md)}.nav-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:#0f274480;border:1.5px solid rgba(62,232,224,.1);border-radius:var(--radius-md);text-decoration:none;color:var(--white);transition:all .3s ease;cursor:pointer}.nav-card:hover{border-color:var(--teal);background:#0f2744cc;transform:translate(4px);box-shadow:0 4px 24px #13a89e1a}.nav-card--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.nav-card__icon{font-size:1.8rem;flex-shrink:0}.nav-card__text h3{font-family:var(--font-display);font-weight:600;font-size:1.1rem;margin-bottom:2px}.nav-card__text p{font-size:.8rem;color:#d0f4f173;font-weight:300}.alert{padding:var(--space-md);border-radius:var(--radius-sm);font-size:.88rem;margin-bottom:var(--space-lg);animation:fadeUp .3s ease-out}.alert--success{background:#13a89e1f;border:1px solid rgba(19,168,158,.3);color:var(--aqua)}.alert--error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.25);color:var(--coral-soft)}.user-card{background:#0a162899;border:1px solid rgba(62,232,224,.12);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-lg);animation:fadeUp .4s ease-out}.user-card__row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-sm) 0;border-bottom:1px solid rgba(62,232,224,.06)}.user-card__row:last-child{border-bottom:none}.user-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#d0f4f173;font-weight:500}.user-card__value{font-weight:500;color:var(--foam);font-size:.95rem;text-align:right}.divider{height:1px;background:#3ee8e014;margin:var(--space-lg) 0}.back-link{display:inline-flex;align-items:center;gap:6px;color:#d0f4f180;text-decoration:none;font-size:.85rem;margin-bottom:var(--space-xl);transition:color .2s ease;animation:fadeUp .3s ease-out}.back-link:hover{color:var(--aqua)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(10,22,40,.3);border-top-color:var(--deep);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .5s ease-out}.delay-1{animation-delay:.1s;animation-fill-mode:backwards}.delay-2{animation-delay:.2s;animation-fill-mode:backwards}.delay-3{animation-delay:.3s;animation-fill-mode:backwards}@media(max-width:600px){.container{padding:var(--space-lg) var(--space-md)}.brand__name{font-size:1.6rem}.card{padding:var(--space-lg)}}