:root{--cyan:#00FFFF;--magenta:#E600E6;--pink:#FF33CC;--violet:#7300E6;--ink:#3a1f4d;--muted:#7a6a86;--bg:#fff5fb}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);
background:radial-gradient(circle at 10% 0%,#ffe0f5 0,transparent 45%),radial-gradient(circle at 100% 30%,#e0ffff 0,transparent 40%),var(--bg);padding:24px 16px env(safe-area-inset-bottom)}
.preview-tag{max-width:480px;margin:0 auto 10px;text-align:center;font-size:13px;color:var(--violet);letter-spacing:.04em}
.card{max-width:480px;margin:0 auto;background:#fff;border-radius:24px;padding:28px 22px;box-shadow:0 10px 40px rgba(230,0,230,.12)}
h1{font-size:26px;margin:0 0 4px;background:linear-gradient(90deg,var(--magenta),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:19px;margin:22px 0 8px;color:var(--violet)}.muted{color:var(--muted);margin:0 0 18px}
label{display:block;font-weight:600;margin:14px 0 6px}input{width:100%;font-size:18px;padding:14px;border:2px solid #f3d3ec;border-radius:14px;outline:none}
input:focus{border-color:var(--pink)}button{width:100%;margin-top:18px;font-size:18px;font-weight:700;padding:15px;border:0;border-radius:999px;color:#fff;cursor:pointer;
background:linear-gradient(90deg,var(--pink),var(--magenta),var(--violet))}button:disabled{opacity:.6}
.link{background:none;color:var(--violet);font-weight:600;padding:8px;margin-top:8px;text-decoration:underline}
.msg{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f0ffff;border-left:4px solid var(--cyan)}.msg.err{background:#fff0f8;border-color:var(--pink)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{border-radius:18px;padding:16px;background:linear-gradient(135deg,#fff0fb,#f0ffff);border:1px solid #f6dcf0}
.tile b{display:block;font-size:28px;color:var(--magenta)}.tile span{font-size:14px;color:var(--muted)}
ul.list{list-style:none;padding:0;margin:0}ul.list li{padding:12px 0;border-bottom:1px solid #f6e6f2}
/* Welcome / sign-in look: soft, glossy, light pink, matching the Skool course headers */
body.welcome{background:radial-gradient(120% 60% at 0% 0%,#ffd6f3 0,transparent 55%),radial-gradient(90% 50% at 100% 20%,#d9fbff 0,transparent 55%),radial-gradient(80% 50% at 50% 100%,#efd9ff 0,transparent 60%),#fff4fb}
body.welcome .card{padding:0 0 26px;overflow:hidden;border:1px solid rgba(255,51,204,.18);box-shadow:0 18px 50px rgba(230,0,230,.16),0 2px 0 rgba(255,255,255,.9) inset}
body.welcome .card>label,body.welcome .card>input,body.welcome .card>button,body.welcome .card>.msg,body.welcome .card>p.muted{margin-left:22px;margin-right:22px;width:calc(100% - 44px)}
.hero img{display:block;width:100%;height:auto}
.welcome-head{text-align:center;padding:0 22px 4px;margin-top:-34px;position:relative}
.welcome-head .coach{width:84px;height:84px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 3px #FF33CC,0 8px 22px rgba(115,0,230,.25)}
.welcome-head h1{font-size:26px;line-height:1.2;margin:10px 0 6px}
.lede{margin:0 0 6px;color:#5b3b70;font-size:17px;line-height:1.45}
body.welcome input{background:#fffafd;font-size:19px;padding:16px;border-radius:16px}
body.welcome button:not(.link){font-size:20px;padding:17px;box-shadow:0 10px 24px rgba(230,0,230,.28),inset 0 1px 0 rgba(255,255,255,.45);background:linear-gradient(100deg,#FF33CC 0%,#E600E6 45%,#7300E6 100%)}
body.welcome .link{font-size:17px}
body.welcome .preview-tag{color:#7300E6;opacity:.8}
/* Simplified header: logo centered on a soft pink gradient */
.hero-simple{padding:34px 34px 54px;background:radial-gradient(70% 90% at 15% 0%,rgba(0,255,255,.10),transparent 60%),radial-gradient(70% 90% at 90% 10%,rgba(255,51,204,.14),transparent 60%),linear-gradient(180deg,#ffeaf7 0%,#fff6fc 70%,#fff 100%)}
.hero-simple img{max-width:250px;margin:0 auto}
.hero-simple{position:relative;padding-bottom:78px}
.hero-simple img{position:relative;z-index:1}
.hero-simple .ribbon{position:absolute;left:0;right:0;bottom:6px;width:100%;height:84px;filter:drop-shadow(0 6px 10px rgba(230,0,230,.18))}
.welcome-head{z-index:2}