*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,Arial;color:#18213a;background:#f7f8fd}a{color:#5339c5;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1160px;margin:auto;padding:0 20px}header{background:#12172c;color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 4px 14px #0002}header .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.logo{color:white;font-size:23px;font-weight:900;margin-right:auto}.logo span{color:#c4a7ff}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:white}.btn{display:inline-block;background:#f7c84a;color:#18152c;padding:10px 18px;border-radius:9px;font-weight:800}.hero{background:linear-gradient(125deg,#171b40,#5038a0);color:white;padding:62px 0}.hero h1{font-size:clamp(30px,5vw,50px);line-height:1.16;max-width:850px}.hero p{max-width:770px;color:#e6defe}.search{width:100%;max-width:650px;padding:16px;border-radius:12px;border:0;font-size:17px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:18px;margin:25px 0 45px}.card{background:#fff;padding:22px;border:1px solid #e4e5f0;border-radius:14px;box-shadow:0 3px 13px #12172c08}.card h3{margin-top:0}.card p{color:#52607a}.section{padding:32px 0}h2{font-size:28px}h1{line-height:1.22}.article{background:white;border:1px solid #e4e5f0;border-radius:16px;padding:clamp(20px,4vw,45px);margin:35px auto;max-width:920px}.article li{margin:12px 0}.muted{color:#65708a}.note{background:#f2efff;padding:16px;border-left:4px solid #684bc9;border-radius:6px}footer{background:#12172c;color:#cbd2e7;padding:35px 0;margin-top:50px}footer a{color:#e4d7ff}@media(max-width:650px){header .wrap{gap:12px}nav{width:100%;gap:12px}.hero{padding:35px 0}}