*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0;padding:0}body.has-header main{color:#2d2d2d;background:#f8f9fc;padding-top:64px;font-family:Inter,Arial,sans-serif}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#ffffffb3;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0000000f}.logo{color:#333;letter-spacing:-.5px;font-size:22px;font-weight:700;text-decoration:none}.header nav{align-items:center;gap:24px;display:flex}.header nav a{color:#222;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s}.header nav a:hover{color:#4a4fff;transform:translateY(-2px)}.hero{text-align:center;color:#333;background:linear-gradient(135deg,#8ec5fc,#e0c3fc);padding:100px 20px 60px}.hero h1{margin-bottom:18px;font-size:50px;font-weight:800;line-height:1.1}.hero p{opacity:.95;max-width:650px;margin:auto;font-size:20px}.btn-primary{color:#fff;background:#4a4fff;border-radius:10px;margin-top:35px;padding:14px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{background:#3136ff;transform:translateY(-3px);box-shadow:0 8px 20px #4a4fff4d}.section{text-align:center;max-width:1200px;margin:70px auto;padding:20px}.section h2{margin-bottom:15px;font-size:32px;font-weight:700}.section p{opacity:.85;max-width:650px;margin:auto;font-size:17px}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:40px;display:grid}.card{text-align:left;background:#fff;border:1px solid #0000;border-radius:16px;padding:25px;transition:all .25s;box-shadow:0 6px 20px #00000012}.card:hover{border-color:#4a4fff;transform:translateY(-8px);box-shadow:0 12px 30px #4a4fff26}.card h3{margin:0 0 12px;font-size:20px;font-weight:600}.card p{opacity:.8;line-height:1.5}.footer{text-align:center;color:#555;background:#f1f1f1;margin-top:60px;padding:25px;font-size:14px}@media (max-width:768px){body.has-header main{padding-top:64px}.header{padding:0 16px}.logo{font-size:20px}.header nav{gap:14px}.header nav a{font-size:14px}.hero h1{font-size:34px}.hero p{font-size:16px}.section h2{font-size:26px}}