body{margin:0;background:#020617;color:#fff;font-family:Arial,Noto Sans KR,sans-serif}.app{min-height:100vh;padding:28px;background:linear-gradient(135deg,#020617,#0f172a,#111827)}.nav strong{display:block;color:#22d3ee;font-size:34px;font-weight:900}.nav span{color:#cbd5e1}.hero,.strategy{margin-top:24px;padding:28px;border-radius:28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#22d3ee24;color:#67e8f9;font-size:12px;font-weight:900}h1{font-size:56px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.card{padding:22px;border-radius:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.top{display:flex;justify-content:space-between}.top span{background:#f8717124;color:#fca5a5;padding:6px 10px;border-radius:999px}.top b{background:#22c55e24;color:#bbf7d0;padding:6px 10px;border-radius:999px}dt{margin-top:14px;color:#fde68a;font-weight:900}dd,p{color:#cbd5e1;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.steps div{padding:18px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}@media (max-width:1000px){.grid,.steps{grid-template-columns:1fr}h1{font-size:40px}}