:root{--purple:#4a44a8;--purple-dark:#5b21b6;--purple-deep:#6d28d9;--indigo-navy:#1e2a78;--violet:#7c1fd6;--cta:#f5a623;--cta-ink:#231600;--ink:#16161d;--muted:#5b5b6b;--paper:#fff;--soft:#f4f2fb;--line:#e6e2f5;--success:#15803d;--danger:#b91c1c;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:2rem;font-weight:800}h2{font-size:1.4rem;font-weight:800}h3{font-size:1.05rem;font-weight:700}p{color:var(--ink);margin:0 0 .75rem}.muted{color:var(--muted)}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#fff;position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:24px;min-height:64px;padding-top:8px;padding-bottom:8px;display:flex}.wordmark{color:var(--purple-dark);letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.wordmark:hover{text-decoration:none}.main-nav{flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;display:flex}.main-nav a{color:var(--ink);font-weight:600}.main-nav a:hover{color:var(--purple)}.btn{cursor:pointer;background:var(--purple);color:#fff;text-align:center;border:0;border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:700;display:inline-block}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn-cta{background:var(--cta);color:var(--cta-ink)}.btn-ghost{color:var(--purple-dark);border:1.5px solid var(--purple);background:#fff}.btn-dark{background:var(--indigo-navy);color:#fff}.btn-small{padding:7px 14px;font-size:.85rem}.btn:disabled{opacity:.6;cursor:default}.hero{background:linear-gradient(100deg, var(--violet) 0%, var(--purple) 45%, var(--indigo-navy) 100%);color:#fff;margin-bottom:28px;padding:44px 0 40px}.hero h1{color:#fff;font-size:2.3rem}.hero p{color:#ffffffeb;max-width:640px}.hero .btn-cta{margin-right:10px}.greeting{padding:30px 0 26px}.greeting h1{color:#fff;font-size:1.9rem}.greeting p{color:#ffffffeb}.stat-strip{border-radius:var(--radius);background:#ffffff24;border:1px solid #ffffff40;flex-wrap:wrap;gap:0;margin-top:18px;display:flex;overflow:hidden}.stat{border-right:1px solid #ffffff38;flex:120px;padding:14px 18px}.stat:last-child{border-right:0}.stat b{font-size:1.5rem;line-height:1.1;display:block}.stat span{opacity:.92;font-size:.85rem}.progress{background:#ffffff40;border-radius:99px;height:10px;margin-top:10px;overflow:hidden}.progress>div{background:var(--cta);border-radius:99px;height:100%}.progress.light{background:var(--soft)}.progress.light>div{background:var(--purple)}.section{margin:28px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 10px #4a44a80f}.card-art{background:linear-gradient(120deg, var(--violet), var(--purple) 55%, var(--indigo-navy));color:#fff;align-items:flex-end;height:130px;padding:14px;font-size:1.05rem;font-weight:800;display:flex}.card-body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.card-body .btn{align-self:flex-start;margin-top:auto}.badge{background:var(--soft);color:var(--purple-dark);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.badge-demo{color:#7a4a00;background:#fff7e6;border:1px solid #f5d68a}.badge-ok{color:var(--success);background:#e8f5e9}.featured{border:1.5px solid var(--purple);border-radius:var(--radius);background:var(--soft);flex-wrap:wrap;align-items:center;gap:20px;padding:20px;display:flex}.featured .btn{margin-left:auto}.form{max-width:440px;margin:32px auto}.field{margin-bottom:14px}.field label{margin-bottom:6px;font-size:.92rem;font-weight:700;display:block}.input,.select,.textarea{width:100%;color:var(--ink);background:#fff;border:1.5px solid #cfc8ec;border-radius:10px;padding:11px 13px;font-family:inherit;font-size:1rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--purple);outline:3px solid #7c1fd640}.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-weight:600}.notice{background:#fff7e6;border:1px solid #f5d68a;border-radius:10px;margin-bottom:14px;padding:10px 14px}.success-note{color:var(--success);background:#e8f5e9;border:1px solid #bbdfbd;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-weight:600}.player-layout{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}@media (max-width:820px){.player-layout{grid-template-columns:1fr}}.player-stage{aspect-ratio:16/9;border-radius:var(--radius);background:linear-gradient(130deg, var(--indigo-navy), var(--purple) 60%, var(--violet));color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.player-stage video{object-fit:cover;background:#000;width:100%;height:100%}.player-stage iframe{background:#000;border:0;width:100%;height:100%}.watermark{color:#ffffffd9;pointer-events:none;white-space:nowrap;background:#00000059;border-radius:0 0 10px;padding:6px 10px;font-size:.8rem;font-weight:700;animation:26s ease-in-out infinite alternate wm-move;position:absolute;top:0;left:0}.watermark-badge{color:#ffffffe6;pointer-events:none;background:#0006;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700;position:absolute;bottom:10px;right:10px}@keyframes wm-move{0%{transform:translate(0)}to{transform:translate(240px,120px)}}.transport{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.transport input[type=range]{accent-color:var(--purple);flex:1}.pill-tabs{flex-wrap:wrap;gap:8px;margin:18px 0 12px;display:flex}.pill-tabs button{border:1.5px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:999px;padding:8px 16px;font-weight:700}.pill-tabs button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.lesson-panel{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.lesson-panel h3{background:var(--soft);border-bottom:1px solid var(--line);margin:0;padding:14px 16px}.lesson-row{border-bottom:1px solid var(--line);color:var(--ink);align-items:flex-start;gap:10px;padding:11px 16px;display:flex}.lesson-row:last-child{border-bottom:0}.lesson-row.current{border-left:4px solid var(--purple);background:#f8f6ff}.lesson-row .tick{color:var(--success);font-weight:800}.lesson-row .kind{background:var(--soft);color:var(--purple-dark);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:700}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.table th{background:var(--soft)}.site-footer{background:var(--purple-dark);color:#fff;margin-top:48px;padding:22px 0}.site-footer p{color:#ffffffe6;text-align:center;margin:0}