:root{--navy:#0D1B5E;--navyd:#08113D;--mint:#00C896;--mintl:#E8FAF6;--off:#F4F7F5;--text:#0F172A;--muted:#64748B;--line:#E2E8F0;--red:#EF4444;--shadow:0 24px 80px rgba(13,27,94,.1);--r:28px}*{box-sizing:border-box}body{margin:0;font-family:'Be Vietnam Pro',system-ui,sans-serif;background:linear-gradient(120deg,#fff,var(--off));color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}.brand{font-size:1.75rem;font-weight:950;letter-spacing:-.06em;color:var(--navy);text-decoration:none}.brand span{color:var(--mint)}.splash{min-height:100vh;display:grid;place-items:center;text-align:center}.hidden{display:none!important}.btn{border:0;border-radius:999px;padding:.85rem 1.1rem;font-weight:900;display:inline-flex;gap:.45rem;align-items:center;justify-content:center;text-decoration:none}.primary{background:var(--mint);color:#061044}.ghost{background:#F1F5F9;color:var(--navy);border:1px solid var(--line)}.danger{background:#FEE2E2;color:#991B1B}.login{min-height:100vh;display:grid;grid-template-columns:minmax(330px,560px) 1fr;gap:2rem;align-items:center;padding:clamp(1rem,4vw,4rem);background:radial-gradient(circle at 80% 10%,rgba(0,200,150,.18),transparent 32%),linear-gradient(135deg,#fff,#F4F7F5)}.login-card,.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 40px rgba(13,27,94,.05);padding:clamp(1.1rem,3vw,2rem)}.login-card h1,.page-head h1{font-size:clamp(2rem,5vw,4.5rem);line-height:.97;letter-spacing:-.075em;color:var(--navy);margin:.35rem 0 1rem}.login-art{min-height:70vh;border-radius:42px;background:linear-gradient(135deg,var(--navyd),var(--navy));color:#fff;display:flex;align-items:flex-end;padding:2rem;box-shadow:var(--shadow)}.login-art h2{font-size:clamp(2rem,5vw,4.3rem);letter-spacing:-.075em;line-height:1}.muted{color:var(--muted);line-height:1.7;font-weight:600}.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);font-weight:950}.form{display:grid;gap:1rem}.form label{display:grid;gap:.45rem;color:var(--navy);font-weight:850}input,textarea,select{width:100%;border:1px solid #DCE5EF;border-radius:18px;padding:1rem;color:var(--navy);outline:0}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--mint);box-shadow:0 0 0 4px rgba(0,200,150,.12)}.app{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:1rem;display:flex;flex-direction:column;gap:.9rem;overflow:auto}.coach{display:flex;align-items:center;gap:.8rem;background:var(--off);border-radius:22px;padding:.8rem}.av{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--mint));color:#fff;display:grid;place-items:center;font-weight:950}.nav{display:grid;gap:.3rem}.sec{font-size:.7rem;color:#94A3B8;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-top:.7rem;padding:.5rem .8rem}.nav button,.side-foot button{border:0;background:transparent;text-align:left;border-radius:15px;padding:.7rem .8rem;font-weight:850;color:#53647E}.nav button:hover,.side-foot button:hover{background:#F1F5F9;color:var(--navy)}.nav button.active{background:var(--navy);color:#fff}.side-foot{margin-top:auto;display:grid;gap:.3rem}.top{position:sticky;top:0;z-index:20;min-height:78px;background:rgba(244,247,245,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem clamp(1rem,3vw,2rem)}.hamb{display:none}.content{max-width:1240px;margin:auto;padding:clamp(1rem,3vw,2.4rem)}.hero{background:linear-gradient(135deg,var(--navyd),var(--navy));color:#fff;border-radius:38px;padding:clamp(1.4rem,4vw,3rem);box-shadow:var(--shadow);overflow:hidden}.hero h1{font-size:clamp(2.5rem,7vw,6rem);line-height:.93;letter-spacing:-.08em;margin:.7rem 0}.hero em{color:var(--mint);font-style:normal}.stats,.grid{display:grid;gap:1rem}.stats{grid-template-columns:repeat(3,1fr);margin-top:1rem}.stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:1rem}.stat b{font-size:1.8rem;color:var(--mint);display:block}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.page-head{margin-bottom:1.2rem}.pill{display:inline-flex;border-radius:999px;background:var(--mintl);color:#047857;font-weight:950;font-size:.78rem;padding:.45rem .75rem}.progress{height:12px;background:#E8EEF5;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),#6EE7B7);border-radius:999px;transition:.2s}.task{display:flex;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:20px;background:#fff}.task.done{background:var(--mintl)}.box{width:24px;height:24px;border:2px solid #CBD5E1;border-radius:8px;display:grid;place-items:center;font-weight:950;flex:0 0 auto}.done .box{background:var(--mint);border-color:var(--mint);color:#fff}.done .txt{text-decoration:line-through;color:var(--muted)}.tp{cursor:pointer}.tp:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(13,27,94,.1)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.85rem;border-bottom:1px solid var(--line)}.table th{background:#F8FAFC;color:var(--navy)}.info{background:var(--mintl);border:1px solid #CFF8EA;border-radius:20px;padding:1rem;color:var(--navy);font-weight:650;line-height:1.7}.code{background:#121427;color:#A7F3D0;border-radius:18px;padding:1rem;white-space:pre-wrap;font:500 .88rem/1.6 ui-monospace,monospace}.modal{position:fixed;inset:0;background:rgba(8,17,61,.55);z-index:99;display:grid;place-items:center;padding:1rem}.modal-card{width:min(900px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:30px;padding:1.3rem}.x{border:0;background:#F1F5F9;border-radius:14px;width:42px;height:42px;font-weight:950;color:var(--navy)}.toast{position:fixed;right:1rem;bottom:1rem;background:var(--navy);color:#fff;padding:1rem 1.2rem;border-radius:18px;box-shadow:var(--shadow);font-weight:850;opacity:0;transform:translateY(12px);transition:.18s;z-index:120}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:980px){.login{grid-template-columns:1fr}.login-art{display:none}.app{grid-template-columns:1fr}.side{position:fixed;z-index:80;inset:0 auto 0 0;width:min(320px,88vw);transform:translateX(-105%);transition:.2s}.side.open{transform:none}.hamb{display:inline-flex}.grid.two,.grid.three,.grid.four,.stats{grid-template-columns:1fr}.top .ghost{display:none}}


/* V3 self-registration */
.auth-tabs{display:flex;gap:.5rem;background:#F1F5F9;padding:.35rem;border-radius:999px;margin:1.1rem 0 1.2rem}
.auth-tabs a{flex:1;text-align:center;text-decoration:none;border-radius:999px;padding:.72rem .9rem;font-weight:950;color:#50607A;transition:.15s background,.15s color,.15s box-shadow}
.auth-tabs a.active{background:#0D1B5E;color:#fff;box-shadow:0 12px 26px rgba(13,27,94,.16)}
.login-card .tiny{font-size:.86rem;color:#64748B;line-height:1.65}

/* TEAM V4 CMS */
.card p{line-height:1.75}.login-card .brand{display:block;margin-bottom:.6rem}

/* V5 checklist tap fix */
.task{cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,200,150,.18)}
.task:active{transform:scale(.995)}
.task .box,.task .txt{pointer-events:none}

/* TEAM V6 LOGO CMS */
.brand{display:inline-flex;align-items:center;gap:.45rem;min-height:34px}
.team-logo-img{display:block;max-width:170px;max-height:48px;width:auto;height:auto;object-fit:contain}
.login-card .team-logo-img{max-width:190px;max-height:58px}
.side .team-logo-img{max-width:160px;max-height:44px}

/* TEAM V7 — checklist line update + detailed lesson UI */
button.task{width:100%;text-align:left;font:inherit;color:inherit}
.task.done{background:var(--mintl)!important;border-color:#B7F3E1!important}
.task.done .box{background:var(--mint)!important;border-color:var(--mint)!important;color:#fff!important}
.task.done .txt{text-decoration:line-through!important;color:var(--muted)!important}
.task .box,.task .txt{pointer-events:none}
.progress-card{display:grid;gap:.75rem}
.lesson-modal h2{margin:.2rem 0 .3rem;color:var(--navy);letter-spacing:-.04em}
.modal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.lesson-section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;box-shadow:0 8px 24px rgba(13,27,94,.04)}
.lesson-section.wide{grid-column:1/-1}
.lesson-section h3{margin:.1rem 0 .7rem;color:var(--navy);font-size:1rem}
.lesson-section p,.lesson-section li{line-height:1.72;color:#334155}
.lesson-section ul,.lesson-section ol{padding-left:1.2rem;margin:.4rem 0}
.script-box{background:#F8FAFC;border:1px dashed #CBD5E1;border-radius:18px;padding:1rem;line-height:1.75;color:#0F172A}
.lesson-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
.tp{border:1px solid var(--line);text-align:left}
@media(max-width:900px){.lesson-grid{grid-template-columns:1fr}.lesson-section.wide{grid-column:auto}}