.app{max-width:1080px;margin:0 auto;padding:40px 24px 80px}.hero{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px;margin-bottom:28px;box-shadow:0 20px 50px #00000040}.tag{display:inline-block;padding:6px 12px;border-radius:999px;background:#5eead41f;color:#5eead4;font-weight:600;letter-spacing:.02em;margin:0 0 12px}h1{margin:0 0 8px;font-size:2.6rem;color:#e2e8f0}.subtitle{color:#cbd5e1;max-width:720px;margin-bottom:18px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.button{border-radius:999px;padding:12px 18px;font-weight:700;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.button.primary{background:#38bdf8;color:#0b1222;border-color:#38bdf8}.button.secondary{background:transparent;color:#e2e8f0}.button:hover{transform:translateY(-1px);box-shadow:0 10px 30px #00000040}.content{display:grid;gap:18px}.card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;box-shadow:0 15px 35px #00000040}.card h2{margin-top:0;color:#e2e8f0}.card p{color:#cbd5e1}.card ul{margin:0;padding-left:18px;color:#e2e8f0}.card li{margin-bottom:8px}.steps{margin:12px 0 0;padding-left:18px;color:#e2e8f0}.snippet{background:#0b1222;color:#a5f3fc;padding:12px;border-radius:12px;overflow:auto;border:1px solid rgba(56,189,248,.25)}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;background-color:#0f172a;color:#e2e8f0;line-height:1.5;font-weight:400;margin:0}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}