@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@200;300;500;700&family=Titillium+Web:wght@300;400;600;700&display=swap";
:root{--day-bg-sky:#f0fbfc;--day-sea-turq:#00b4d8;--day-sea-deep:#003566;--day-sand:#f4ebd0;--day-sun:#ffb703;--day-foam:#fff;--bg-color:var(--day-bg-sky);--text-primary:var(--day-sea-deep);--text-secondary:#333;--primary-color:var(--day-sea-turq);--surface-color:var(--day-foam);--surface-accent:var(--day-sand);--cta-color:var(--day-sun)}@media (prefers-color-scheme:dark){:root{--night-bg-sky:#08101f;--night-sea-deep:#122438;--night-moon-ripple:#1e6d8a;--night-sand:#2c3a47;--night-moonlight:#e2e8f0;--night-starlight:#fbe79a;--bg-color:var(--night-bg-sky);--text-primary:var(--night-moonlight);--text-secondary:#aab8c2;--primary-color:var(--night-moon-ripple);--surface-color:var(--night-sea-deep);--surface-accent:var(--night-sand);--cta-color:var(--night-starlight)}}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);max-width:100vw;color:var(--text-primary);font-family:Alexandria,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.5em;font-weight:700}p{color:var(--text-secondary);line-height:1.6}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#ffffffa6;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 25px 50px #0000000d}@media (prefers-color-scheme:dark){.glass-panel{background:#122438a6;border:1px solid #ffffff26;box-shadow:0 25px 50px #00000080}}.glass-modal-overlay{-webkit-backdrop-filter:blur(20px);background:#ffffff26}@media (prefers-color-scheme:dark){.glass-modal-overlay{background:#08101f66}}.btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 30px;font-family:inherit;font-weight:700;transition:transform .3s,box-shadow .3s;box-shadow:0 5px 15px #00b4d833}@media (prefers-color-scheme:dark){.btn-primary{box-shadow:0 5px 15px #1e6d8a4d}}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00b4d84d}.btn-cta{background-color:var(--cta-color);color:var(--day-sea-deep);cursor:pointer;border:none;border-radius:12px;padding:12px 30px;font-family:inherit;font-weight:700;transition:transform .3s,box-shadow .3s}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ffb7034d}