:root{--bg:#0a0b10;--fg:#eef2f6;--muted:#97a1ab;--primary:#ff5ea0;--card:#12131a;--accent:#00e5ff;--glow:rgba(255,94,160,.45);--glow2:rgba(0,229,255,.35)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji"}
/* Aurora background */
body::before{content:"";position:fixed;inset:-20% -10%;z-index:-1;filter:blur(60px) saturate(120%);opacity:.6;background:radial-gradient(40% 30% at 20% 10%,rgba(255,94,160,.35),transparent 60%),radial-gradient(35% 25% at 80% 0%,rgba(0,229,255,.25),transparent 60%),radial-gradient(50% 35% at 60% 80%,rgba(255,215,0,.18),transparent 60%);animation:aurora 18s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.045) 1px, transparent 1px);background-size:24px 24px;opacity:.35}
@keyframes aurora{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-4%,0) scale(1.05)}}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1100px,92%);margin:0 auto}
.row{display:flex;gap:.75rem}
.between{justify-content:space-between}
.center{align-items:center}
.site-header{position:sticky;top:0;background:linear-gradient(180deg,rgba(10,11,16,.85),rgba(10,11,16,.65));backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid #1f2026;z-index:10}
.site-header .logo{font-weight:800;padding:.9rem 0;display:inline-block;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.3px}
.site-header .nav a{padding:1rem .6rem;color:var(--fg);position:relative}
.site-header .nav a::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.7rem;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.site-header .nav a:hover::after{transform:scaleX(1);transform-origin:left}
.hero{padding:72px 0;background:linear-gradient(180deg,rgba(255,94,160,.08),transparent);border-bottom:1px solid #1f2026}
.hero h1{font-size:2.2rem;margin:.2rem 0 1rem;line-height:1.2;background:linear-gradient(90deg,#fff,rgba(255,255,255,.85));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 16px var(--glow)}
.subtitle{color:var(--muted);margin:0 0 1rem;max-width:60ch}
.subscribe label{display:block;margin:.25rem 0 .5rem;color:var(--muted)}
.subscribe .row{gap:.5rem}
input[type=email],input[type=search],input[type=month],select{background:#0f0f16;border:1px solid #262733;border-radius:.5rem;color:var(--fg);padding:.7rem .9rem;outline:none;min-width:220px}
button,.button{background:linear-gradient(90deg,var(--primary),var(--accent));color:#101014;font-weight:800;border:0;border-radius:.65rem;padding:.8rem 1.05rem;cursor:pointer;display:inline-block;box-shadow:0 8px 24px var(--glow),0 2px 8px var(--glow2);transition:transform .12s ease,filter .2s ease,box-shadow .2s ease}
.button:hover,button:hover{transform:translateY(-1px);filter:saturate(110%);box-shadow:0 12px 28px var(--glow),0 4px 12px var(--glow2)}
.button:active,button:active{transform:translateY(0)}
.button.outline{background:transparent;border:1px solid var(--primary);color:var(--primary);box-shadow:none}
.section{padding:40px 0;border-bottom:1px solid #1f2026}
.section.alt{background:var(--card)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem;margin-top:1rem}
.card{position:relative;background:#0f1016;border:1px solid #1f2026;border-radius:.9rem;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease}
.card::before{content:"";position:absolute;inset:-1px;border-radius:1rem;padding:1px;background:linear-gradient(120deg,rgba(255,94,160,.5),rgba(0,229,255,.35));-webkit-mask:
  linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.4}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px var(--glow),0 6px 18px var(--glow2)}
.card img{display:block;width:100%;height:160px;object-fit:cover}
.card .pad{padding:1rem}
.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.page-header{padding:28px 0 8px;border-bottom:1px solid #1f2026;margin-bottom:16px}
.links{display:grid;gap:.5rem;margin:.5rem 0 0;padding-left:1rem}
.item-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.item-list li{background:#0f0f16;border:1px solid #22232b;border-radius:.6rem;padding:.7rem .9rem}
.checklist{padding-left:1.1rem}
.filters{margin:10px 0 20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.actions{margin-top:1rem}
.site-footer{padding:28px 0;color:var(--muted)}

/* Utility and extras */
.muted{color:var(--muted)}
.pill{display:inline-block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.25rem .6rem;font-size:.85rem}
.breadcrumbs{font-size:.9rem;color:var(--muted);padding:.5rem 0}
.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:.5rem}
.breadcrumbs a{color:var(--muted)}

/* Focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.3rem}
@media (min-width:768px){.hero h1{font-size:2.4rem}}