*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0e0e11;color:#eaeaf0}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid #1f1f2a}.logo{font-weight:700;font-size:1.2rem;letter-spacing:.5px}nav{display:flex;gap:12px}.hero{max-width:900px;margin:80px auto 60px;padding:0 20px;text-align:center}.hero h1{font-size:2.6rem;margin-bottom:16px}.hero p{font-size:1.1rem;color:#b6b6c9}.actions{margin-top:30px;display:flex;justify-content:center;gap:16px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding:60px 40px;max-width:1100px;margin:0 auto}.feature{background:#15151d;padding:24px;border-radius:10px;border:1px solid #222232}.feature h3{margin-top:0}.footer{margin-top:auto;padding:20px;text-align:center;font-size:.85rem;color:#8a8aa3}.btn{border:none;padding:10px 18px;border-radius:8px;font-size:.95rem;cursor:pointer}.btn.primary{background:#4f46e5;color:#fff}.btn.primary:hover{background:#4338ca}.btn.ghost{background:transparent;color:#eaeaf0;border:1px solid #2a2a3a}.btn.ghost:hover{background:#1a1a25}