:root{--night:#14163a;--night-2:#1a1a3e;--plum:#2a2350;--plum-2:#3a2f63;--lamp:#f6b756;--lamp-soft:#f7cd86;--cream:#f7f1e3;--cream-dim:#cdc6ba;--card:#211f47;--card-2:#272456;--border:#3b376b;--danger:#e07a7a;--success:#86d1a0;--star:#fdf6e3;--font-body:Georgia,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;--font-display:"Baskerville",Georgia,"Palatino Linotype",serif;--fs-base:18px;--fs-sm:0.85rem;--fs-lg:1.35rem;--fs-xl:2rem;--fs-hero:clamp(2.4rem,6vw,3.6rem);--radius:16px;--radius-lg:24px;--tap:48px;--container:1080px;--shadow:0 12px 40px rgba(0,0,0,0.35);--shadow-soft:0 6px 20px rgba(0,0,0,0.25)}*,:after,:before{box-sizing:border-box}html{font-size:var(--fs-base);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--cream);background:var(--night);line-height:1.6;position:relative;overflow-x:hidden}.app-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 600px at 80% -10%,rgba(246,183,86,.14),transparent 60%),radial-gradient(900px 700px at 10% 110%,rgba(58,47,99,.55),transparent 60%),linear-gradient(180deg,var(--night-2) 0,var(--night) 55%,#0f1130 100%)}.app-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,var(--star) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 70% 20%,var(--star) 50%,transparent 51%),radial-gradient(1px 1px at 40% 70%,var(--star) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 85% 65%,var(--star) 50%,transparent 51%),radial-gradient(1px 1px at 55% 45%,var(--star) 50%,transparent 51%),radial-gradient(1px 1px at 30% 85%,var(--star) 50%,transparent 51%);opacity:.5;animation:twinkle 6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.app-bg:after{animation:none}}h1,h2,h3{font-family:var(--font-display);color:var(--cream);line-height:1.2;margin:0 0 .5em}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}a{color:var(--lamp-soft);text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 1em}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}.app-main{padding-block:28px 64px}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(20,22,58,.72);border-bottom:1px solid var(--border)}.topnav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.brand{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--cream);white-space:nowrap}.brand,.brand:hover{text-decoration:none}.topnav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.navlink{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 14px;border-radius:999px;color:var(--cream);font-size:1rem;text-decoration:none;border:1px solid transparent}.navlink:hover{text-decoration:none;background:var(--plum)}.navlink.cta{background:var(--lamp);color:#241a05;font-weight:700}.navlink.cta:hover{background:var(--lamp-soft)}.navlink.bell{position:relative;font-size:1.2rem}.badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#2a0f0f;font-size:.7rem;font-weight:700;line-height:18px;text-align:center}.logout-form{margin:0}.logout-btn{background:transparent}.btn,.logout-btn{cursor:pointer;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 22px;border-radius:999px;border:1px solid var(--border);background:var(--card-2);color:var(--cream);font-size:1rem;transition:transform .06s ease,background .15s ease}.btn:hover{background:var(--plum-2)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--lamp);color:#241a05;border-color:transparent;font-weight:700}.btn-primary:hover{background:var(--lamp-soft)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:20px}.muted{color:var(--cream-dim)}