:root{--bg: #f4f7ff;--fg: #1f2430;--muted: #5d667b;--brand: #ff6ec7;--brand2: #7cf3ff;--accent1: #ffcf53;--accent2: #7cffb2;--accent3: #9a7cff;--shadow: rgba(0, 0, 0, .45)}.page{min-height:100vh;color:var(--fg);background:radial-gradient(1200px 600px at 12% 18%,rgba(255,207,83,.28),transparent 60%),radial-gradient(900px 500px at 88% 22%,rgba(124,255,178,.25),transparent 60%),linear-gradient(180deg,#fef6e4,#e9fbff);font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.hero{padding:64px 24px 24px;text-align:center}.brand{display:inline-flex;align-items:baseline;gap:12px;transform:rotate(-1deg)}.brand-badge{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#0b0c10;padding:8px 12px;border-radius:999px;font-weight:700;letter-spacing:.6px;box-shadow:0 6px 24px var(--shadow)}.title{margin:0;font-family:Space Grotesk,Fredoka,system-ui;font-size:42px;letter-spacing:-.5px}.subtitle{margin:14px auto 0;max-width:720px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding:36px 24px 64px;max-width:1100px;margin:0 auto}.card{background:linear-gradient(135deg,#ffcf5314,#7cffb214),linear-gradient(180deg,#fff,#f4f7ff);border-radius:20px;padding:22px;box-shadow:0 12px 28px -10px #1f2b3a38;border:1px solid rgba(31,43,58,.1);color:var(--fg);display:grid;grid-template-rows:auto auto 1fr;gap:10px;position:relative;overflow:hidden}.card h2{margin:0;font-size:22px}.card p{margin:0;color:var(--muted)}.icon{width:96px;height:96px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.card:after{content:"";position:absolute;inset:-30% -10% auto auto;width:60%;height:70%;transform:rotate(25deg);opacity:.18;pointer-events:none}.card-orbital{grid-column:span 6;background:radial-gradient(120px 80px at 10% 15%,rgba(255,110,199,.12),transparent 60%),#f6f9ff}.card-orbital:after{background:conic-gradient(from 60deg,var(--brand),var(--brand2),var(--accent3),var(--brand));-webkit-mask:radial-gradient(closest-side,transparent 45%,black 46%);mask:radial-gradient(closest-side,transparent 45%,black 46%)}.card-pixel{grid-column:span 3;background:linear-gradient(135deg,rgba(255,207,83,.12),transparent 50%),#f6f9ff}.card-pixel:after{background:linear-gradient(90deg,var(--accent1) 0 50%,transparent 50%),linear-gradient(90deg,var(--accent2) 0 50%,transparent 50%),linear-gradient(90deg,var(--accent3) 0 50%,transparent 50%);background-size:20px 10px,20px 10px,20px 10px;background-position:0 0,0 16px,0 32px}.card-neon{grid-column:span 3;background:radial-gradient(90px 70px at 85% 20%,rgba(154,124,255,.12),transparent 60%),#f6f9ff}.card-neon:after{background:repeating-linear-gradient(45deg,var(--brand2) 0 8px,transparent 8px 16px),radial-gradient(180px 80px at 80% 20%,var(--brand),transparent 60%)}.card-sky{grid-column:span 4;background:linear-gradient(180deg,rgba(124,243,255,.1),transparent),#f6f9ff}.card-sky:after{background:radial-gradient(80px 40px at 60% 20%,white,transparent),radial-gradient(80px 40px at 80% 40%,white,transparent)}.card-bloom{grid-column:span 4;background:linear-gradient(135deg,rgba(124,255,178,.12),transparent 50%),#f6f9ff}.card-bloom:after{background:radial-gradient(closest-side,var(--accent2),transparent),conic-gradient(from 0deg,var(--accent2),var(--accent1),var(--brand));-webkit-mask:radial-gradient(closest-side,black 35%,transparent 36%);mask:radial-gradient(closest-side,black 35%,transparent 36%)}.card-robo{grid-column:span 4;background:linear-gradient(135deg,rgba(154,124,255,.12),transparent 50%),#f6f9ff}.card-robo:after{background:repeating-linear-gradient(0deg,var(--accent3) 0 10px,transparent 10px 20px),radial-gradient(160px 80px at 80% 20%,var(--brand2),transparent 70%)}.foot{display:grid;place-items:center;padding:36px 24px 60px;color:var(--muted)}@media (max-width: 900px){.grid{grid-template-columns:repeat(6,1fr)}.card-orbital{grid-column:span 6}.card-pixel,.card-neon{grid-column:span 3}.card-sky,.card-bloom,.card-robo{grid-column:span 6}}@media (max-width: 560px){.title{font-size:32px}.icon{width:84px;height:84px}}