*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7fb;color:#25233a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-shell{max-width:1440px;margin:auto;background:#fff;min-height:100vh;box-shadow:0 0 60px rgba(41,30,73,.07)}a{text-decoration:none;color:inherit}.topbar{height:76px;display:flex;align-items:center;gap:34px;padding:0 48px;border-bottom:1px solid #eeeef4;background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:850;letter-spacing:-.7px}.brand>span:last-child>span{color:#7c3aed}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);font-size:14px;box-shadow:0 8px 18px rgba(124,58,237,.25)}.topnav{display:flex;gap:26px;margin:auto;font-size:14px;color:#77758a;font-weight:650}.topnav a:hover{color:#6d28d9}.top-actions{display:flex;align-items:center;gap:10px}.btn{border:0;border-radius:14px;padding:13px 20px;font-weight:800;font-size:14px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b5bd6);box-shadow:0 10px 22px rgba(109,40,217,.2)}.btn-ghost{padding:11px 16px;color:#6d28d9;background:#f5f0ff}.btn-light{color:#5d5a70;background:#fff;border:1px solid #e8e6ef}.avatar-btn{border:0;width:39px;height:39px;border-radius:50%;background:#eee9ff;color:#6d28d9;font-weight:850;cursor:pointer}.hero{margin:30px 48px 42px;min-height:390px;border-radius:30px;padding:48px 54px;display:flex;overflow:hidden;position:relative;background:radial-gradient(circle at 78% 30%,rgba(167,139,250,.25),transparent 30%),linear-gradient(115deg,#f1edff,#faf8ff 55%,#edf3ff)}.hero-copy{max-width:58%;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:11px;letter-spacing:1.5px;font-weight:900;color:#7c3aed}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:18px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 5px rgba(139,92,246,.12)}h1{font-size:51px;line-height:1.03;letter-spacing:-2.4px;margin:0 0 15px}h1 span{color:#6d28d9}.hero-message{font-size:18px;line-height:1.55;color:#68657a;max-width:590px;margin:0 0 25px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-note{font-size:12px;color:#88859a;margin-top:19px}.mascot-wrap{position:absolute;right:48px;bottom:-12px;width:390px;height:390px}.mascot-glow{position:absolute;inset:70px 30px 20px;border-radius:50%;background:rgba(124,58,237,.12);filter:blur(18px)}.mascot{position:absolute;width:350px;height:380px;right:8px;bottom:0;animation:float 3.5s ease-in-out infinite;filter:drop-shadow(0 18px 20px rgba(68,45,120,.18))}.cape{fill:#6d28d9}.cape-highlight{fill:#8b5cf6}.shadow{fill:rgba(58,44,85,.13)}.head{fill:#ffd6bd}.hair{fill:#3b3151}.face{fill:none;stroke:#d58f7c;stroke-width:3;stroke-linecap:round}.eye{fill:#312744}.body{fill:#f9f9ff;stroke:#d9d4e9;stroke-width:2}.belt{fill:#5364d9}.arm{fill:#f9f9ff;stroke:#d9d4e9;stroke-width:2}.glove{fill:#7566e8}.leg{fill:#5364d9}.boot{fill:#3e4da8}.shield{fill:#6544cf}.shield-inner{fill:#fff}.shield-text{font:900 20px Arial;fill:#6544cf}.motion-line{fill:none;stroke:#a78bfa;stroke-width:4;stroke-linecap:round;opacity:.75}.spark{position:absolute;color:#7c3aed;font-size:22px;animation:spark 2.5s infinite}.spark-a{top:74px;right:24px}.spark-b{top:137px;right:8px;animation-delay:1s}.mascot-caption{position:absolute;bottom:7px;right:60px;font-size:12px;color:#77738c}.stats-section,.goals-section,.tour-section{padding:0 48px 46px}.section-heading,.panel-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h2,.panel-heading h2,.tour-section h2{margin:4px 0 0;font-size:24px;letter-spacing:-.7px}.text-btn{border:0;background:none;color:#6d28d9;font-weight:800;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{border:1px solid #eceaf2;border-radius:20px;padding:18px;display:flex;align-items:center;gap:13px;background:#fff;box-shadow:0 7px 25px rgba(35,28,65,.035)}.stat-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:#f3efff}.stat-main{min-width:0;flex:1}.stat-main>span{font-size:12px;color:#88859a;font-weight:700}.stat-main strong{display:block;font-size:17px;margin:4px 0 7px}.stat-main small,.weight-row small{font-size:11px;color:#9290a0;font-weight:600}.bar{height:5px;border-radius:5px;background:#eeedf3;overflow:hidden}.bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#8b5cf6,#5b5bd6)}.ring{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;flex:none;background:conic-gradient(#8b5cf6 0 75%,#eeeef4 75%)}.ring span{width:37px;height:37px;background:#fff;border-radius:50%;display:grid;place-items:center}.ring-blue{background:conic-gradient(#4f8cff 0 72%,#eeeef4 72%)}.ring-green{background:conic-gradient(#39a86b 0 85%,#eeeef4 85%)}.ring-orange{background:conic-gradient(#f59e0b 0 88%,#eeeef4 88%)}.progress-layout{padding:0 48px 48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.panel{border:1px solid #eceaf2;border-radius:22px;padding:25px;background:#fff;box-shadow:0 7px 25px rgba(35,28,65,.035)}.icon-button{border:0;background:#f6f4fa;border-radius:9px;color:#888;cursor:pointer}.weight-row{display:flex;align-items:center;justify-content:space-between;margin:24px 0}.weight-row>div:not(.goal-arrow){display:flex;flex-direction:column;gap:4px}.weight-row span{font-size:12px;color:#8c8999}.weight-row strong{font-size:28px;letter-spacing:-1px}.goal-arrow{font-size:25px;color:#a39fb0}.goal-track{height:12px;border-radius:20px;background:#eeeef4;overflow:hidden}.goal-track i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#4f46e5);border-radius:20px}.goal-meta{display:flex;justify-content:space-between;margin-top:9px;color:#858194;font-size:12px}.goal-meta strong{color:#6d28d9}.encouragement{margin-top:21px;background:#f7f4ff;color:#6b6281;border-radius:13px;padding:12px;font-size:12px}.encouragement span{color:#7c3aed;margin-right:6px}.chart{height:210px;position:relative;margin-top:14px}.chart svg{position:absolute;inset:0;width:100%;height:170px}.gridline{position:absolute;left:0;right:0;border-top:1px dashed #eceaf2}.g1{top:35px}.g2{top:85px}.g3{top:135px}.chart-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#9a97a5;font-size:10px}.chart-range{font-size:11px;color:#858194;background:#f7f6fa;border-radius:9px;padding:7px 10px}.goals-section{background:#faf9fd;padding-top:40px}.goal-list{display:grid;gap:10px}.goal-item{width:100%;border:1px solid #eceaf2;background:#fff;border-radius:15px;padding:15px 17px;display:flex;align-items:center;text-align:left;gap:13px;cursor:pointer}.goal-item .check{width:25px;height:25px;border:2px solid #dcd8e8;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}.goal-item.done .check{background:#6d28d9;border-color:#6d28d9}.goal-item span:nth-child(2){flex:1}.goal-item strong{display:block;font-size:13px}.goal-item small{display:block;color:#8b8797;margin-top:3px}.goal-item b{font-size:11px;color:#6d28d9}.tour-section{margin:0;padding-top:45px;display:flex;align-items:center;gap:22px}.tour-mascot{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:21px;font-weight:950;box-shadow:0 12px 25px rgba(91,67,180,.2)}.tour-section>div:nth-child(2){flex:1}.tour-section p{color:#777487;max-width:740px;line-height:1.55;margin:8px 0 0;font-size:14px}footer{margin-top:40px;padding:25px 48px;border-top:1px solid #eeeef4;display:flex;justify-content:space-between;color:#9996a5;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:rgba(27,22,43,.48);backdrop-filter:blur(5px);z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{width:min(540px,100%);background:#fff;border-radius:26px;padding:30px;position:relative;box-shadow:0 30px 90px rgba(25,18,48,.25)}.modal-close{position:absolute;right:17px;top:15px;border:0;background:#f5f3f8;width:34px;height:34px;border-radius:50%;font-size:22px;color:#777;cursor:pointer}.modal-mascot{width:65px;height:65px;border-radius:20px;background:linear-gradient(135deg,#7c3aed,#4f46e5);display:grid;place-items:center;color:#fff;font-weight:950;font-size:20px;margin-bottom:18px}.modal h2{font-size:27px;margin:5px 0 9px}.modal p{color:#777487;line-height:1.55;font-size:14px}.setup-steps{display:grid;gap:9px;margin:20px 0}.setup-steps>div{display:flex;align-items:center;gap:12px;padding:10px;background:#faf9fd;border-radius:13px}.setup-steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eee8ff;color:#6d28d9}.setup-steps strong,.setup-steps small{display:block}.setup-steps strong{font-size:13px}.setup-steps small{font-size:11px;color:#898696;margin-top:2px}.full{width:100%}.modal-note{text-align:center;font-size:10px!important;color:#a19daa!important;margin-bottom:0}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-11px) rotate(1deg)}}@keyframes spark{0%,100%{opacity:.25;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(15deg)}}@media(max-width:1000px){.topnav{display:none}.hero{margin:22px 22px 35px;padding:36px;min-height:440px}.hero-copy{max-width:100%}.mascot-wrap{opacity:.34;right:0}.stat-grid{grid-template-columns:1fr 1fr}.stats-section,.goals-section,.tour-section,.progress-layout{padding-left:22px;padding-right:22px}.progress-layout{grid-template-columns:1fr}.topbar{padding:0 22px}}@media(max-width:650px){.topbar{height:68px}.top-actions .btn{display:none}.brand{font-size:19px}.hero{margin:14px 12px 30px;padding:28px 23px;border-radius:24px;min-height:480px}.hero-copy{max-width:100%}h1{font-size:39px}.hero-message{font-size:16px}.mascot-wrap{right:-70px;bottom:-20px;opacity:.27;transform:scale(.9)}.stat-grid{grid-template-columns:1fr}.stats-section,.goals-section,.tour-section,.progress-layout{padding-left:14px;padding-right:14px}.stat-card{padding:14px}.panel{padding:19px}.tour-section{align-items:flex-start;flex-wrap:wrap}.tour-section .btn{width:100%}footer{padding:22px 14px;gap:10px;flex-direction:column}.weight-row strong{font-size:23px}}