{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{ --bg:#0f172a; --card:#0b1220; --ink:#ecfeff; --muted:#cbd5e1; --accent:#22c55e; --sky:#0ea5e9; --warn:#ef4444; --line:#1f2b45; --glow:#22c55e66; } *{box-sizing:border-box} html,body{margin:0;height:100%;background:linear-gradient(180deg,#0ea5e915 0%, #22c55e10 50%, #fde04710 100%), var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif} a{color:var(--sky)} .container{max-width:1100px;margin:0 auto;padding:24px} .hero{border-radius:20px;overflow:hidden;background: radial-gradient(1200px 500px at -10% -20%, #22c55e40, transparent 60%), radial-gradient(900px 400px at 120% 0%, #0ea5e940, transparent 60%), linear-gradient(90deg,#0ea5e9 0%,#22c55e 50%,#fde047 100%)} .hero-inner{padding:40px 24px;background:linear-gradient(180deg,#0006,#0004)} h1{margin:0;font-size:clamp(28px,3.8vw,50px);font-weight:900;letter-spacing:.2px} .tag{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:#0ea5e915;border:1px solid #1f2b45;color:#b3e8ff;font-size:12px;letter-spacing:.3px;text-transform:uppercase} .search{display:flex;gap:10px;margin-top:16px} .search input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0b1220;color:#dff8ff} .search button{padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(90deg,var(--accent),var(--sky));color:#062314;font-weight:800;cursor:pointer} .grid{display:grid;gap:16px;margin-top:22px} @media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}} .card{background:linear-gradient(180deg,#0b1220,#0f1a31);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 30px #0006} .badge{display:inline-block;padding:6px 10px;border-radius:10px;background:#0ea5e915;border:1px solid var(--line);color:#b3e8ff;font-size:12px} .accordion{display:grid;gap:10px} details{background:#0b1326;border:1px solid var(--line);border-radius:12px;overflow:hidden} summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;gap:12px;align-items:start} summary::-webkit-details-marker{display:none} summary b{flex:1} .qtag{font-size:12px;color:#a7f3d0;background:#064e3b;border:1px solid #115e59;padding:2px 8px;border-radius:999px} details[open]{box-shadow:0 0 0 2px var(--glow)} .answer{padding:0 16px 16px 52px;color:var(--muted);line-height:1.7} .pill-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .pill{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#0b1220} footer{opacity:.8;text-align:center;margin:28px 0 10px} .cta{display:inline-block;margin-top:10px;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(90deg,var(--accent),var(--sky));color:#062314;font-weight:900;text-decoration:none} .warn{border:2px dashed var(--warn);background:linear-gradient(90deg,#ef444420,#7f1d1d20)}