:root{--bg: #020617;--bg-elevated: rgba(15, 23, 42, .92);--border-subtle: rgba(148, 163, 184, .5);--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .12);--accent-strong: #0ea5e9;--text-main: #e5e7eb;--text-muted: #9ca3af;--radius-lg: 1rem;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .75);--shadow-subtle: 0 10px 30px rgba(15, 23, 42, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;background:radial-gradient(circle at top left,#0f172a 0,transparent 55%),radial-gradient(circle at bottom right,#0369a1 0,transparent 55%),var(--bg);color:var(--text-main)}main{max-width:980px;margin:0 auto;padding:2rem 1.25rem 3rem;view-transition-name:main}@media(min-width:960px){main{padding:2.5rem 0 3.5rem}}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:650;letter-spacing:.02em}h1{font-size:clamp(2rem,3vw,2.4rem)}h2{font-size:clamp(1.35rem,2.1vw,1.7rem)}h3{font-size:1.05rem}p{margin:.25rem 0 .75rem;line-height:1.6;color:var(--text-muted)}ul,ol{padding-left:1.25rem;margin:.35rem 0 .85rem;color:var(--text-muted)}li+li{margin-top:.25rem}a{color:var(--accent);text-decoration:none;transition:color .16s ease,opacity .16s ease}a:hover{color:var(--accent-strong)}header>nav,header nav{background:#0f172ae6;backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.3);box-shadow:0 10px 35px #0f172ae6}header>nav a,header nav a{color:var(--text-main)}header>nav a:hover,header nav a:hover{color:var(--accent-strong)}footer{background:#0f172ae6;border-top:1px solid rgba(148,163,184,.32);box-shadow:0 -10px 35px #0f172ae6;color:var(--text-muted)}footer a{color:var(--accent)}footer a:hover{color:var(--accent-strong)}section{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);padding:1.5rem 1.75rem;margin-bottom:1.5rem}section:last-of-type{margin-bottom:0}@media(max-width:640px){section{padding:1.25rem 1.1rem}}main>header{margin-bottom:1.2rem}main>header p{margin-top:.3rem}.pill-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.pill-links a{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .85rem;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:radial-gradient(circle at top left,var(--accent-soft),transparent);font-size:.9rem;color:var(--text-main);text-decoration:none;transition:border-color .16s ease,background-color .16s ease,transform .12s ease}.pill-links a:hover{border-color:var(--accent);background-color:#0f172ae6;transform:translateY(-1px)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.45rem .95rem;border-radius:999px;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:#0b1120;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:var(--shadow-subtle);transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}button:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}button:active,.btn:active{transform:translateY(0);box-shadow:none}address{font-style:normal;color:var(--text-muted)}img,video,iframe{max-width:100%;border-radius:.75rem}iframe,video{border:1px solid rgba(148,163,184,.35);box-shadow:var(--shadow-subtle)}progress{width:100%;max-width:260px;height:.6rem;border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.6);background-color:#0f172acc}progress::-webkit-progress-bar{background-color:transparent}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--accent-strong))}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-strong))}@media(max-width:600px){body{font-size:15px}main{padding-top:1.5rem;padding-bottom:2.5rem}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(main),::view-transition-new(main){animation-duration:.18s;animation-timing-function:ease-out}::view-transition-old(main){animation-name:fade-out}::view-transition-new(main){animation-name:fade-in}