*{box-sizing:border-box}body{margin:0;background:#07100d;color:#f4faf7;font-family:Arial,sans-serif;line-height:1.7}header{height:70px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20342d;position:sticky;top:0;background:#07100de8;backdrop-filter:blur(12px);z-index:5}.brand{display:flex;gap:10px;align-items:center;color:white;text-decoration:none}.brand b{display:grid;place-items:center;width:40px;height:40px;border:1px solid #39e39b;border-radius:12px;color:#39e39b}.brand small{color:#91a79f}nav{display:flex;gap:25px}nav a{color:#a5b8b1;text-decoration:none}.btn{border:1px solid #29433a;border-radius:11px;padding:10px 17px;background:transparent;color:white;font-weight:bold;cursor:pointer}.primary{background:#39e39b;color:#04100b;border:0}.hero{max-width:1150px;margin:auto;padding:90px 5%;min-height:600px;display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center}.hero small,section>small{color:#39e39b;font-weight:bold;letter-spacing:1px}.hero h1{font-size:clamp(45px,7vw,78px);line-height:1.05}.hero em{color:#39e39b;font-style:normal}.hero p{color:#9db1a9;font-size:18px;max-width:700px}.heroCard,.card,.panel{background:#0d1915;border:1px solid #20342d;border-radius:20px}.heroCard{padding:40px;text-align:center}.heroCard strong{font-size:90px;color:#39e39b}.heroCard p,.card p,.panel p{color:#9db1a9}.hero .btn{display:inline-block;margin-top:20px;text-decoration:none}section{max-width:1150px;margin:auto;padding:75px 5%}section h2{font-size:36px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:22px;min-height:280px;display:flex;flex-direction:column}.tag{color:#39e39b;font-size:12px;font-weight:bold}.card p{flex:1;font-size:14px}.price{font-size:21px;font-weight:bold}.actions{display:flex;gap:8px;margin-top:14px}.actions button{flex:1}.panel{padding:25px}.item{padding:14px 0;border-bottom:1px solid #20342d;display:flex;justify-content:space-between}.modal{position:fixed;inset:0;background:#000c;display:grid;place-items:center;padding:20px;z-index:20}.box{background:#0b1713;border:1px solid #29433a;border-radius:20px;padding:30px;max-width:850px;width:100%;max-height:90vh;overflow:auto}.box>button{float:left;background:none;border:0;color:#aaa;font-size:28px}.lesson{padding:12px;border-bottom:1px solid #20342d;display:flex;justify-content:space-between}.locked{color:#75867f}.notice{padding:14px;background:#142b21;border:1px solid #2b6049;border-radius:10px;margin:15px 0}.hidden{display:none}.loginForm{display:grid;gap:12px}.loginForm input{padding:12px;background:#07100d;color:white;border:1px solid #29433a;border-radius:9px}footer{padding:35px 5%;border-top:1px solid #20342d;color:#8da29a}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid{grid-template-columns:1fr}}