/* Pitch-ready McTraining redesign */
:root{
  --red:#d71920;--red2:#8d0710;--yellow:#ffcf22;--gold:#ffac00;--cream:#fff8dd;--paper:#fffef6;--ink:#23120a;--muted:#76543d;--green:#0f9f4f;--blue:#2563eb;--line:#241208;--shadow:0 12px 0 rgba(35,18,10,.14),0 22px 48px rgba(109,20,15,.18);--soft:0 14px 34px rgba(109,20,15,.16);--r:28px;--font:"Trebuchet MS","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font)}
html{scroll-behavior:smooth;background:#ffe991}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff 0 0.5%,transparent .7%),radial-gradient(circle at 10% 15%,rgba(255,207,34,.9),transparent 22%),radial-gradient(circle at 86% 12%,rgba(215,25,32,.25),transparent 28%),linear-gradient(135deg,#fff7cb,#ffd95b 55%,#ffb13d);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.36;background-image:radial-gradient(circle,rgba(35,18,10,.14) 0 2px,transparent 2.5px);background-size:30px 30px}.auth-page{display:grid;place-items:center;padding:22px}.app-page{display:flex;align-items:stretch}.shell{width:min(1120px,94vw);margin:auto}.auth-card,.card,.side,.hero,.panel,.modal-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,248,221,.98));border:4px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);position:relative;overflow:hidden}.auth-card:after,.card:after,.hero:after,.panel:after{content:"";position:absolute;right:-36px;top:-36px;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,var(--yellow) 32% 58%,transparent 60%);border:3px solid rgba(35,18,10,.15);opacity:.75}.auth-card>* ,.card>* ,.hero>* ,.panel>*{position:relative;z-index:1}.auth-card{width:min(480px,94vw);padding:28px}.brand{display:flex;align-items:center;gap:14px}.logo{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#fff,var(--yellow) 58%,var(--gold));border:4px solid var(--line);box-shadow:0 6px 0 rgba(35,18,10,.22);color:var(--red2);font-size:2rem;font-weight:1000;animation:bob 3s ease-in-out infinite}.brand h1{font-size:1.55rem;line-height:1;font-weight:1000}.brand p,.muted{color:var(--muted)}.tag{display:inline-flex;gap:7px;align-items:center;border:3px solid var(--line);border-radius:999px;background:var(--yellow);padding:6px 12px;font-weight:1000;box-shadow:0 4px 0 rgba(35,18,10,.2)}.auth-card .tag{margin:18px 0 16px}.field{display:grid;gap:6px;margin-bottom:13px}label{font-size:.82rem;font-weight:1000}input,select,textarea{width:100%;border:3px solid rgba(35,18,10,.25);border-radius:999px;background:#fffef6;padding:12px 15px;font-size:.95rem;color:var(--ink);outline:none;box-shadow:inset 0 3px 0 rgba(35,18,10,.05)}textarea{border-radius:20px;min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(255,207,34,.45),inset 0 3px 0 rgba(35,18,10,.05)}.btn{border:4px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#ff3b48,var(--red) 55%,var(--red2));color:#fffdf2;padding:11px 17px;font-weight:1000;cursor:pointer;box-shadow:0 6px 0 #65060d,0 14px 24px rgba(109,20,15,.22);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:.16s}.btn:hover{transform:translateY(-2px) rotate(-.5deg);filter:saturate(1.08)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #65060d}.btn.alt{background:linear-gradient(180deg,#fff8c4,var(--yellow));color:var(--ink);box-shadow:0 5px 0 rgba(35,18,10,.25)}.btn.dark{background:linear-gradient(180deg,#4a2415,#23120a);box-shadow:0 6px 0 #080302}.link{color:var(--red2);font-weight:1000}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.wrap{flex-wrap:wrap}.grid{display:grid;gap:16px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar{width:275px;min-width:275px;min-height:100vh;background:linear-gradient(180deg,#ff3545,var(--red) 45%,var(--red2));border-right:5px solid var(--line);box-shadow:10px 0 0 rgba(35,18,10,.12);padding:18px 16px;color:#fffdf2;display:flex;flex-direction:column;position:sticky;top:0;z-index:20}.sidebar:before{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.5px);background-size:24px 24px}.sidebar>*{position:relative;z-index:1}.side-title h1{color:#fffdf2;text-shadow:0 4px 0 rgba(35,18,10,.22);font-size:1.15rem}.side-title p{color:#fff2a8;font-size:.78rem}.toggle{margin-left:auto;display:none}.nav{margin-top:20px;display:grid;gap:10px}.nav small{color:#fff2a8;letter-spacing:.18em;font-weight:1000;margin:8px}.nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fffdf2;border:3px solid rgba(35,18,10,.23);border-radius:999px;padding:10px 12px;background:rgba(255,255,255,.12);font-weight:1000;transition:.16s}.nav a:hover{transform:translateX(4px);background:rgba(255,207,34,.22)}.nav a.active{background:linear-gradient(180deg,#fffbd6,var(--yellow));color:var(--ink);box-shadow:0 5px 0 rgba(35,18,10,.22)}.side-foot{margin-top:auto;border-top:3px dashed rgba(255,239,143,.5);padding-top:12px;color:#fff2a8;font-size:.8rem}.main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;padding:20px;max-width:1500px;margin:0 auto;width:100%}.content{display:grid;gap:16px;align-content:start}.hero{padding:26px;background:radial-gradient(circle at 15% 10%,rgba(255,207,34,.92),transparent 36%),linear-gradient(135deg,#fffdf2,#fff0ad 60%,#ffd35b)}.hero h2{font-size:clamp(2rem,4vw,4rem);line-height:.95;color:var(--red2);text-shadow:0 5px 0 rgba(255,207,34,.45);font-weight:1000;max-width:850px}.hero p{font-size:1.02rem;line-height:1.55;color:var(--muted);max-width:760px;margin-top:10px}.hero-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.card,.panel{padding:16px}.card h3,.panel h3{font-size:1.08rem;font-weight:1000;margin-bottom:6px}.stat strong{display:block;font-size:2rem;color:var(--red2);line-height:1;text-shadow:0 3px 0 rgba(255,207,34,.35)}.stat span{color:var(--muted);font-weight:900;font-size:.82rem}.mini{border:3px dashed rgba(35,18,10,.18);border-radius:20px;background:#fffdf2;padding:12px}.pill{display:inline-flex;align-items:center;gap:6px;border:3px solid rgba(35,18,10,.2);border-radius:999px;background:#fff8c9;padding:5px 10px;font-weight:1000;font-size:.78rem}.ok{background:#dbffe6;color:#087a2b}.warn{background:#fff0b6;color:#7c3d00}.bad{background:#ffe1e5;color:var(--red2)}.ai{position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:radial-gradient(circle at 15% 8%,rgba(255,207,34,.9),transparent 38%),linear-gradient(180deg,#fffdf2,#ffe8a3)}.ai-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ai-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:4px solid var(--line);background:var(--yellow);font-weight:1000;color:var(--red2);box-shadow:0 5px 0 rgba(35,18,10,.2)}.online{color:var(--green);font-weight:1000;font-size:.78rem}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.suggestions button{border:3px solid var(--line);border-radius:999px;background:var(--yellow);padding:6px 9px;font-weight:1000;cursor:pointer}.chat{min-height:320px;max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:6px 2px}.msg{max-width:92%;font-size:.88rem;line-height:1.42}.msg .bubble{border:3px solid var(--line);border-radius:18px;padding:10px 12px;box-shadow:0 4px 0 rgba(35,18,10,.16)}.bot{align-self:flex-start}.bot .bubble{background:#fff8c9;border-bottom-left-radius:5px}.user{align-self:flex-end}.user .bubble{background:#23120a;color:#fff8c9;border-bottom-right-radius:5px}.ai-form{display:flex;gap:7px;border:4px solid var(--line);border-radius:999px;background:#fffef6;padding:6px;margin-top:10px}.ai-form input{border:none;box-shadow:none;background:transparent;padding:8px 10px}.send{padding:9px 12px}.table{width:100%;border-collapse:separate;border-spacing:0 9px}.table th{text-align:left;color:var(--red2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.table td{background:#fffef6;border-top:3px solid rgba(35,18,10,.14);border-bottom:3px solid rgba(35,18,10,.14);padding:10px}.table td:first-child{border-left:3px solid rgba(35,18,10,.14);border-radius:16px 0 0 16px}.table td:last-child{border-right:3px solid rgba(35,18,10,.14);border-radius:0 16px 16px 0}.progress{height:14px;border:3px solid var(--line);background:#fff2a8;border-radius:999px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,#15b84e,#8af06c);border-right:3px solid rgba(35,18,10,.25)}.page-only{display:none}.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(35,18,10,.72);backdrop-filter:blur(8px);z-index:999;padding:18px}.modal.show{display:grid}.modal-card{width:min(540px,95vw);padding:20px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(120%);opacity:0;background:var(--yellow);border:4px solid var(--line);border-radius:999px;padding:12px 16px;font-weight:1000;box-shadow:var(--shadow);z-index:9999;transition:.18s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}@media(max-width:1250px){.main{grid-template-columns:1fr}.ai{position:relative;top:auto;max-height:none}.chat{max-height:360px}}@media(max-width:900px){.app-page{display:block}.sidebar{width:100%;min-width:0;min-height:auto;position:relative;border-right:none;border-bottom:5px solid var(--line)}.toggle{display:inline-flex}.nav{max-height:0;overflow:hidden;transition:.22s}.sidebar.open .nav{max-height:480px}.main{padding:12px}.two,.three,.four{grid-template-columns:1fr}.between{align-items:flex-start;flex-direction:column}.hero h2{font-size:2.2rem}.auth-card{padding:22px}}