*{box-sizing:border-box}body{margin:0;font:15px Inter,Arial,sans-serif;background:#f4f7fb;color:#172033}header{height:70px;background:#101827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:20}.logo{font-size:22px;font-weight:900;color:#fff;text-decoration:none}nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}nav a{color:#dce5f4;text-decoration:none}.wrap{width:min(1180px,92%);margin:30px auto}.btn{display:inline-block;border:0;border-radius:10px;background:#635bff;color:#fff!important;padding:12px 18px;text-decoration:none;font-weight:800;cursor:pointer}.btn.sm{padding:8px 12px}.btn.alt{background:#e8ecf6;color:#172033!important}.btn.red{background:#d64545}.card{background:#fff;border:1px solid #e7ebf3;border-radius:16px;padding:22px;box-shadow:0 8px 28px #1720330b}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;padding:50px 0}.hero h1{font-size:56px;line-height:1;margin:10px 0 18px}.muted{color:#738095}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat b{display:block;font-size:27px;margin-top:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video img{width:100%;height:170px;object-fit:cover;border-radius:12px}.tag{display:inline-block;background:#eef0ff;color:#4e46c9;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.form{max-width:550px;margin:auto}.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #d9dfeb;border-radius:9px;margin:7px 0 15px;font:inherit}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:13px;border-bottom:1px solid #edf0f4;text-align:left}.flash{padding:13px;background:#eaf8ee;border:1px solid #b8e2c4;border-radius:10px;margin-bottom:18px}.notice{padding:13px;background:#fff7dc;border:1px solid #ead58b;border-radius:10px}.watch{display:grid;grid-template-columns:2fr 1fr;gap:20px}.watch video{width:100%;background:#000;border-radius:14px}.bar{height:9px;background:#e7ebf2;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#635bff}footer{text-align:center;padding:45px;color:#8993a5}@media(max-width:800px){.hero,.watch{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.hero h1{font-size:40px}header{height:auto;min-height:70px;padding:14px 4%;gap:10px;align-items:flex-start}nav{justify-content:flex-end;font-size:13px}}

#pageLoader{position:fixed;inset:0;background:#101827;color:#fff;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:.45s}
.loaderRing{width:72px;height:72px;border:7px solid #ffffff25;border-top-color:#635bff;border-right-color:#8b85ff;border-radius:50%;animation:spin .75s linear infinite}
.loaderLogo{font-size:25px;letter-spacing:3px;margin-top:-62px}.loaderRing+ .loaderLogo{position:relative}.loaderLogo+span{margin-top:45px;color:#cbd5e1}
#pageLoader.hide{opacity:0;visibility:hidden;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}
button:disabled{opacity:.55;cursor:not-allowed}.card h2{margin-top:8px}.notice a{font-weight:800;color:#4e46c9}.table small{color:#738095}.form label{font-weight:700;display:block;margin-top:4px}.btn{transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #635bff22}@media(max-width:800px){.table{display:block;overflow-x:auto;white-space:nowrap}}