:root{--bg:#eef7ff;--card:rgba(255,255,255,.82);--text:#142033;--muted:#607086;--blue:#1877d2;--line:#d9e6f2}
*{box-sizing:border-box} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(#dff1ff,#f7fbff);line-height:1.6}
nav{max-width:900px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:750;font-size:22px}.links a{margin-left:20px}
a{color:var(--blue);text-decoration:none} main{max-width:900px;margin:20px auto 60px;padding:0 24px}.hero{padding:72px 0 42px}.hero h1{font-size:48px;line-height:1.08;margin:0 0 14px}.hero p{font-size:20px;color:var(--muted);max-width:650px}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px;margin:18px 0;box-shadow:0 12px 40px rgba(25,70,110,.08)}
h1,h2,h3{line-height:1.2} h2{margin-top:0} .button{display:inline-block;background:var(--blue);color:white;padding:12px 18px;border-radius:12px;font-weight:650}
footer{max-width:900px;margin:auto;padding:30px 24px 50px;color:var(--muted);border-top:1px solid var(--line)}
.small{color:var(--muted);font-size:14px} ul{padding-left:22px}
@media(max-width:600px){.hero{padding-top:42px}.hero h1{font-size:38px}.links a{margin-left:10px;font-size:14px}}