*{box-sizing:border-box;margin:0;padding:0}body{color:#17324d;background:#f8fcff;font-family:Segoe UI,Tahoma,sans-serif}button{font:inherit}.site{background:radial-gradient(circle at 100% 0,#dff5ff 0,#0000 30%),#f8fcff;min-height:100vh}.header{z-index:10;background:#ffffffeb;border:1px solid #dff2fb;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;width:min(1100px,100% - 32px);margin:18px auto;padding:16px 20px;display:flex;position:sticky;top:14px;box-shadow:0 10px 35px #4bb4e11a}.logo{color:#35aee5;font-size:25px;font-weight:900}nav{flex-wrap:wrap;gap:7px;display:flex}nav button{color:#47718c;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:9px 13px;transition:all .2s}nav button:hover{color:#159bd7;background:#e5f7ff}.hero{place-items:center;min-height:75vh;padding:60px 16px;display:grid}.hero-card{text-align:center;background:#fff;border:1px solid #dff2fb;border-radius:32px;width:min(850px,100%);padding:70px 30px;box-shadow:0 25px 70px #31aadc1f}.badge{color:#139dd9;background:#e8f8ff;border-radius:999px;margin-bottom:18px;padding:8px 14px;font-weight:700;display:inline-block}h1{margin-bottom:20px;font-size:clamp(34px,6vw,64px);line-height:1.2}.hero p{color:#66869b;max-width:650px;margin:auto;font-size:18px;line-height:2}.primary{color:#fff;cursor:pointer;background:#39b4e8;border:0;border-radius:14px;margin-top:30px;padding:13px 26px;font-weight:800;transition:all .2s;box-shadow:0 10px 25px #39b4e840}.primary:hover{background:#21a6dd;transform:translateY(-2px)}.content-section{background:#fff;border:1px solid #dff2fb;border-radius:26px;width:min(900px,100% - 32px);margin:70px auto;padding:40px;box-shadow:0 20px 60px #31aadc14}.content-section h2{color:#179ed9;margin:30px 0 15px}.content-section h2:first-of-type{margin-top:0}.content-section p{color:#5f7f92;line-height:2}.username{color:#0797d3;text-align:center;cursor:pointer;background:#e9f8ff;border:1px solid #cceefe;border-radius:15px;margin-top:22px;padding:18px;font-size:22px;font-weight:900;text-decoration:none;transition:all .2s;display:block}.username:hover{background:#dff5ff;transform:translateY(-2px)}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px;display:grid}.placeholder{aspect-ratio:1;color:#70a8c1;background:#effaff;border:1px dashed #a9def4;border-radius:18px;place-items:center;display:grid}.course ul{gap:10px;list-style:none;display:grid}.course li{color:#52768b;background:#f2fbff;border-radius:13px;padding:13px 16px}.course li:before{content:"+ ";color:#20a9df;font-weight:900}.price-box{text-align:center;background:linear-gradient(135deg,#eaf9ff,#fff);border:1px solid #cceefe;border-radius:22px;margin-top:40px;padding:30px}.price-box strong{color:#159ed9;margin:5px 0 15px;font-size:22px;display:block}.price{color:#149dd8;font-size:48px;font-weight:950}.price-box span{color:#7292a4}.muted{color:#7895a5!important}footer{text-align:center;color:#82a4b7;padding:30px}@media (width<=700px){.header{flex-direction:column;align-items:flex-start}nav{width:100%}nav button{flex:1}.hero-card{padding:45px 20px}.content-section{padding:25px 18px}.portfolio-grid{grid-template-columns:1fr}}.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:15px;max-width:1000px;margin:30px auto;display:grid}.portfolio-grid img{border-radius:12px;width:100%;height:auto;display:block}