*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#edf4ff;color:#1e293b}.hero{background:linear-gradient(135deg,#0b3c91,#2563eb);padding:45px 20px 90px;border-radius:0 0 34px 34px;text-align:center}.logo{width:110px;height:110px;background:#fff;padding:8px;border-radius:22px;box-shadow:0 14px 30px rgba(0,0,0,.25)}.hero h1{color:#fff;margin:12px 0 4px;font-size:32px}.hero p{color:#dbeafe}.badge{display:inline-block;margin-top:14px;padding:10px 18px;border-radius:30px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff}.container{max-width:950px;margin:-55px auto 30px;padding:20px}.progress-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 18px 35px rgba(2,6,23,.12);margin-bottom:18px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.row p,.row span{color:#64748b;font-size:14px}.bar{height:12px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin:15px 0}.bar div{height:100%;width:0;background:linear-gradient(90deg,#f59e0b,#facc15);transition:.35s}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.card{background:#fff;border-radius:18px;padding:18px;text-align:center;box-shadow:0 8px 22px rgba(2,6,23,.06)}.card h2{color:#0b3c91}.module{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(2,6,23,.06);margin-bottom:16px}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px;cursor:pointer}summary::-webkit-details-marker{display:none}summary h3{color:#0b3c91}summary p{color:#64748b;font-size:13px}.arrow{font-size:22px;color:#2563eb;transition:.3s}.module[open] .arrow{transform:rotate(180deg)}.lesson{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid #eef2f7}.lesson label{display:flex;align-items:center;gap:10px;flex:1}.lesson input{accent-color:#2563eb;width:18px;height:18px}.watch{background:#2563eb;color:#fff;border:none;border-radius:22px;padding:9px 14px;font-weight:600;cursor:pointer}.watch:hover{background:#1d4ed8}.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;justify-content:center;align-items:center;padding:20px}.modal.show{display:flex}.video-box{width:min(900px,100%);background:#000;border-radius:18px;overflow:hidden;position:relative}.video-box iframe{width:100%;aspect-ratio:16/9;border:0}.close{position:absolute;top:10px;right:12px;background:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;cursor:pointer} @media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}.lesson{flex-direction:column;align-items:flex-start;gap:10px}.watch{width:100%}.hero h1{font-size:26px}}