:root{color-scheme:dark;--bg:#0f172a;--surface:#111827;--surface-soft:#1f2937;--text:#f8fafc;--muted:#94a3b8;--accent:#38bdf8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#172554 0,var(--bg) 40%,#020617 100%);color:var(--text);font-family:Inter,Segoe UI,Roboto,sans-serif}.landing{max-width:1120px;margin:0 auto;padding:24px}.navbar{position:-webkit-sticky;position:sticky;top:12px;z-index:20;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:color-mix(in srgb,var(--surface) 88%,black);border:1px solid var(--surface-soft);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px rgb(56 189 248/10%),0 10px 30px rgb(2 6 23/35%)}.brand{text-decoration:none;color:var(--text);font-weight:800;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.2rem;letter-spacing:.03em;text-shadow:0 0 14px rgb(56 189 248/30%)}.navbar nav{display:flex;gap:16px}.navbar nav a{text-decoration:none;color:var(--muted);font-weight:600}.navbar nav a:hover{color:var(--accent)}.banner{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--surface-soft);min-height:440px;background-image:var(--banner-image);background-size:cover;background-position:center 20%;background-attachment:fixed}.banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgb(56 189 248/28%) 0,transparent 36%),radial-gradient(circle at 85% 10%,rgb(244 114 182/24%) 0,transparent 30%);pointer-events:none}.banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:linear-gradient(180deg,rgb(2 6 23/20%),rgb(2 6 23/88%))}.badge{display:inline-flex;font-size:.8rem;color:var(--accent);background:rgb(56 189 248/14%);border:1px solid rgb(56 189 248/30%);border-radius:999px;padding:6px 12px;margin-bottom:16px}h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.12}.anime-title{text-transform:uppercase;letter-spacing:.04em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;text-shadow:0 0 14px rgb(56 189 248/48%),2px 2px 0 rgb(2 6 23/90%)}p{color:var(--muted);line-height:1.6}.button{display:inline-flex;margin-top:12px;text-decoration:none;color:#022c43;font-weight:700;background:linear-gradient(180deg,#67e8f9,var(--accent));border-radius:12px;padding:12px 18px;box-shadow:0 0 20px rgb(56 189 248/25%);transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 0 26px rgb(56 189 248/35%)}.features article,.qr-card{background:color-mix(in srgb,var(--surface) 88%,black);border:1px solid var(--surface-soft);border-radius:20px}.download{margin-top:24px;display:grid;grid-template-columns:1.2fr .8fr;grid-gap:16px;gap:16px}.download-copy{padding:24px;background:color-mix(in srgb,var(--surface) 88%,black);border:1px solid var(--surface-soft);border-radius:20px}.contact h2,.download-copy h2{margin-top:0}.qr-card{padding:24px;text-align:center}.qr-card img{border-radius:14px;background:white;padding:10px;margin-top:10px}.features{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.features article{padding:20px}.features h3{margin-top:0;margin-bottom:8px}.contact{margin-top:24px;padding:24px;background:color-mix(in srgb,var(--surface) 88%,black);border:1px solid var(--surface-soft);border-radius:20px}.contact a{color:var(--accent)}@media (max-width:900px){.banner{background-attachment:scroll}.download,.features{grid-template-columns:1fr}}@media (max-width:640px){.navbar{flex-direction:column;gap:10px}}