:root{font-family:Manrope,Arial,sans-serif;color:#181a2c;background:#f5f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:auto;padding:0 24px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.1}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#181a2c;color:#c6fb53;border-radius:13px;font-size:28px}.account-btn{border:1px solid #d7d4cb;background:transparent;padding:10px 20px;border-radius:100px;font-weight:700}.hero{position:relative;overflow:hidden;min-height:490px;background:#181a2c;border-radius:28px;padding:72px 7%;color:#fff}.hero h1{position:relative;z-index:1;font-size:clamp(42px,6vw,82px);line-height:1.04;letter-spacing:-.06em;margin:20px 0 26px;max-width:840px}.hero h1 em{font-style:normal;color:#c6fb53}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800}.hero-copy{max-width:520px;font-size:17px;line-height:1.7;color:#c5c5d0}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:13px;padding:15px 22px;font-weight:800;min-height:52px}.primary{background:#c6fb53;color:#181a2c}.secondary{background:#e9e7df;color:#181a2c}.hero .button{position:relative;z-index:1;margin-top:22px}.microcopy{position:relative;z-index:1;color:#a8a9b7;font-size:12px;margin-top:20px}.hero-orb{position:absolute;border-radius:50%;border:36px solid rgba(198,251,83,.13)}.orb-one{height:380px;width:380px;right:-80px;top:-150px}.orb-two{height:260px;width:260px;right:150px;bottom:-190px}.section-heading{margin:75px 0 26px;display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading span{font-size:12px;font-weight:800;letter-spacing:.15em}.section-heading h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.05em;margin:0}.comic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.comic{min-height:360px;border:2px solid #181a2c;border-radius:17px;box-shadow:5px 5px 0 #181a2c;padding:19px;overflow:hidden}.panel-p{background:#ffb887}.panel-a{background:#c5d9fb}.panel-e{background:#d3c2fb}.panel-i{background:#c6edbc}.comic-top{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.12em}.illustration{height:150px;position:relative;display:grid;place-items:center}.person{font-size:80px;line-height:.7;color:#181a2c;position:relative;transform:rotate(-8deg)}.person span{display:block;font-size:110px;margin-top:7px;letter-spacing:-.1em}.burst{position:absolute;top:12px;right:10px;border:3px solid #181a2c;border-radius:50%;background:#fff;min-width:58px;height:58px;display:grid;place-items:center;font-size:28px;font-weight:800;transform:rotate(12deg)}.bubble{position:relative;background:#fff;border:2px solid #181a2c;border-radius:14px;padding:12px;font-size:12px;font-weight:800;min-height:61px}.bubble:before{content:"";position:absolute;top:-10px;left:28px;width:14px;height:14px;background:#fff;border-top:2px solid #181a2c;border-left:2px solid #181a2c;transform:rotate(45deg)}.comic h3{font-size:25px;letter-spacing:-.05em;margin:18px 0 3px}.comic p{font-size:12px;margin:0;line-height:1.5}.disclaimer{margin:48px 0 80px;font-size:12px;color:#777a80;max-width:720px;line-height:1.6}footer{border-top:1px solid #d7d4cb;padding:26px 0 42px;display:flex;justify-content:space-between;color:#747780;font-size:12px}.back-link,.text-button{background:none;border:0;padding:0;color:#4c5270;font-weight:700}.back-link{margin:18px 0 36px}.auth-card{max-width:460px;margin:0 auto 100px;background:#fff;border:1px solid #dddcd7;border-radius:22px;padding:40px;box-shadow:0 15px 35px #1718270d}.auth-card h1,.quiz-head h1,.dash-header h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.06em;line-height:1.1;margin:8px 0 14px}.auth-card p{color:#6c6f79;line-height:1.6}.auth-card label{display:block;font-size:13px;font-weight:800;margin:23px 0}.auth-card input{display:block;width:100%;margin-top:9px;border:1px solid #c9cbd0;border-radius:10px;padding:14px;background:#fbfbfa;outline:none}.auth-card input:focus{border-color:#181a2c;box-shadow:0 0 0 3px #c6fb53}.full{width:100%}.text-button{display:block;margin:24px auto 0}.error{color:#b22432!important;min-height:20px;font-size:13px}.quiz-head{max-width:700px}.quiz-head p:last-child{color:#666b76}.progress{height:8px;background:#deded6;border-radius:20px;overflow:hidden;margin:40px 0 8px}.progress div{height:100%;background:#8ccf18;transition:width .25s}.progress-label{font-size:12px;font-weight:800;color:#6d7380}.question-card{background:#fff;border:1px solid #ddddd6;border-radius:22px;min-height:360px;padding:40px;margin-top:24px}.question-card h2{font-size:clamp(25px,4vw,38px);line-height:1.25;letter-spacing:-.045em;max-width:730px}.question-number{font-size:12px;color:#81848b;font-weight:800;letter-spacing:.15em}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:50px}.scale button{border:2px solid #d8d9d5;background:#fafaf8;border-radius:13px;padding:18px 5px;font-weight:800;font-size:20px}.scale button.selected{border-color:#181a2c;background:#c6fb53;box-shadow:3px 3px 0 #181a2c}.scale-caption{display:flex;justify-content:space-between;font-size:12px;color:#777a80;margin-top:12px}.quiz-actions{display:flex;justify-content:space-between;margin:24px 0 90px}.dash-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.result-hero{background:#181a2c;color:#fff;border-radius:24px;padding:35px;display:flex;justify-content:space-between;gap:25px}.result-hero span{display:block;color:#c6fb53;font-weight:800;font-size:13px;letter-spacing:.13em}.result-hero h2{font-size:36px;line-height:1.1;letter-spacing:-.05em;max-width:650px}.result-hero p{color:#c6c8d1;max-width:600px}.result-symbol{font-size:110px;color:#c6fb53;line-height:1}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0 50px}.role-card{background:#fff;padding:22px;border-radius:16px;border:1px solid #deded7}.role-card strong{font-size:42px;letter-spacing:-.07em}.role-card h3{margin:5px 0;font-size:15px}.role-card p{font-size:12px;color:#70747e}.role-track{height:8px;background:#ecece7;border-radius:10px;overflow:hidden}.role-track div{height:100%;background:#8bc819}.plan-title{font-size:34px;letter-spacing:-.05em;margin:0 0 8px}.plan-intro{color:#747780;margin-bottom:25px}.task-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:80px}.task{background:#fff;border:1px solid #dadbd4;border-radius:18px;padding:25px;display:flex;gap:16px}.task input{width:25px;height:25px;accent-color:#93cf2a;flex:none;margin-top:3px}.task h3{margin:0 0 8px}.task p{margin:0;color:#71757e;line-height:1.6;font-size:13px}.task.done{opacity:.65}
@media(max-width:760px){.shell{padding:0 16px}.topbar{height:75px}.hero{min-height:560px;padding:44px 25px}.hero h1{font-size:45px;margin-top:24px}.hero-copy{font-size:15px}.orb-one{right:-210px;top:60px}.orb-two{right:-90px;bottom:-180px}.section-heading{display:block;margin-top:55px}.section-heading h2{margin-top:12px}.comic-grid{grid-template-columns:repeat(2,1fr);gap:12px}.comic{min-height:340px;padding:13px;box-shadow:3px 3px 0 #181a2c}.illustration{height:120px}.person{font-size:55px}.person span{font-size:80px}.burst{min-width:45px;height:45px;font-size:21px}.bubble{font-size:10px;min-height:70px}.comic h3{font-size:20px}.auth-card{padding:27px}.question-card{padding:25px;min-height:330px}.scale{gap:5px;margin-top:35px}.scale button{padding:13px 0}.dash-header{align-items:start;flex-direction:column}.result-hero{padding:26px}.result-symbol{display:none}.role-grid{grid-template-columns:repeat(2,1fr)}.task-list{grid-template-columns:1fr}footer{gap:10px;flex-direction:column}}
@media(max-width:390px){.hero h1{font-size:39px}.comic-grid{grid-template-columns:1fr}.comic{min-height:300px}.illustration{height:115px}.bubble{min-height:50px}}