:root{--ocean-abyss:#060d1a;--ocean-deep:#0b1a2e;--ocean-mid:#0d2545;--ocean-surface:#0e3a6e;--ocean-current:#0077b6;--ocean-foam:#00b4d8;--ocean-light:#90e0ef;--ocean-white:#caf0f8;--accent-glow:#00d4ff;--accent-teal:#00c8a0;--text-primary:#e8f4fd;--text-secondary:#90b8d4;--text-muted:#4a7090;--glass-bg:#0d254573;--glass-border:#00b4d82e;--glass-shadow:#00d4ff14;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--transition:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--ocean-abyss);color:var(--text-primary);min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6}img,svg{max-width:100%;display:block}a{color:var(--ocean-foam);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-glow)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 8px 32px var(--glass-shadow), inset 0 1px 0 #ffffff0f}.glass-sm{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-sm);background:#0d25454d;border:1px solid #00b4d81f}.glass-strong{-webkit-backdrop-filter:blur(32px);border-radius:var(--radius-lg);background:#0d2545b3;border:1px solid #00d4ff40;box-shadow:0 16px 48px #0006,inset 0 1px #ffffff14}.glow-text{text-shadow:0 0 24px #00d4ff99}.glow-border{box-shadow:0 0 20px #00d4ff40,inset 0 0 20px #00d4ff0d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ocean-deep)}::-webkit-scrollbar-thumb{background:var(--ocean-surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ocean-current)}.hidden{opacity:0;transform:translateY(20px)}.visible{opacity:1;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(0)}