:root{font-family:system-ui,-apple-system,sans-serif;color:#f5f7ff;background:#080b14}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#23345f,transparent 35%),radial-gradient(circle at 85% 80%,#173c45,transparent 32%),#080b14}
.page{width:min(960px,calc(100% - 32px));margin:auto;padding:10vh 0 40px}
header{max-width:700px;margin-bottom:42px}
.eyebrow{color:#8fa8ff;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
h1{margin:10px 0;font-size:clamp(3rem,8vw,5.5rem);line-height:1;letter-spacing:-.06em}
.intro{color:#aab2c8;font-size:1.1rem}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;color:inherit;text-decoration:none;background:#ffffff0c;border:1px solid #ffffff1c;border-radius:20px;transition:.2s}
.card:hover{transform:translateY(-3px);background:#ffffff16}
.icon{display:grid;width:50px;height:50px;place-items:center;color:#080b14;background:var(--accent);border-radius:15px;font-size:1.4rem;font-weight:800}
.card strong{display:block;margin-bottom:6px;font-size:1.1rem}
.card small{display:block;color:#9ca6be}
.arrow{color:var(--accent);font-size:1.3rem}
.finance{--accent:#72e6a5}.splitpro{--accent:#ffcf70}.jellyfin{--accent:#b79aff}.seerr{--accent:#75c9ff}
footer{display:flex;align-items:center;gap:8px;margin-top:32px;color:#727c95;font-size:.82rem}
.status{width:8px;height:8px;background:#72e6a5;border-radius:50%;box-shadow:0 0 12px #72e6a5}
@media(max-width:680px){.page{padding-top:7vh}.grid{grid-template-columns:1fr}.card{padding:19px}}