:root{color-scheme:light;--ink:#272257;--ink-deep:#211b4a;--purple:#372b86;--purple2:#6050b8;--violet:#8d75e8;--orange:#ffad56;--orange-deep:#ef8026;--cream:#faf7f1;--paper:#fffdfb;--mist:#f1edff;--muted:#706d86;--hair:#e8e2f0;--shadow:0 22px 70px rgba(42,26,91,.09),0 2px 8px rgba(42,26,91,.025);--radius:26px;font-family:Inter,'Avenir Next',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 6% 14%,#ece6ff 0,transparent 28%),radial-gradient(circle at 96% 76%,#ffe9cf 0,transparent 26%),var(--cream);min-height:100vh}body:before{content:'';position:fixed;inset:0;background-image:radial-gradient(#6658a0 0.5px,transparent .5px);background-size:19px 19px;opacity:.1;pointer-events:none;z-index:-1}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4a541;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}h1{line-height:1.045;font-size:clamp(3rem,5.1vw,5.7rem)}h2{line-height:1.12;font-size:clamp(2rem,4vw,3.1rem)}h3{line-height:1.2}p{line-height:1.6}.wrap{width:min(1120px,calc(100% - 44px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;text-decoration:none;color:var(--purple)}.brand img{width:146px;height:65px;object-fit:contain;display:block;mix-blend-mode:multiply}.brand-divider{height:26px;width:1px;background:#d7cfeb}.brand-word{font-size:11px;line-height:1.3;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.control{display:flex;align-items:center;gap:8px;border:1px solid #ded8ee;background:#fff8;border-radius:999px;padding:9px 12px;color:var(--ink);font-weight:700;font-size:12px;min-height:44px;transition:background .2s}.control:hover{background:#fff}.control-dot{width:11px;height:11px;display:inline-block;border:2px solid #aea2d8;border-radius:50%}.control[aria-pressed=true] .control-dot{background:var(--orange);border-color:var(--orange-deep)}.muted{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:850;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--purple2)}.eyebrow:before{content:'';width:8px;height:8px;background:var(--orange);border-radius:50%}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;letter-spacing:.01em}.pill.lilac{background:#eae4ff;color:#4e3caa}.pill.yellow{background:#ffedc9;color:#8b4c04}.pill.mint{background:#d6f3eb;color:#245f5a}.pill.light{background:#f5f1ff;color:#62549e}.primary,.secondary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 22px;border:0;border-radius:16px;text-align:center;text-decoration:none;font-size:15px;font-weight:850;line-height:1.2;transition:transform .2s,box-shadow .2s,background .2s}.primary{background:var(--purple);color:white;box-shadow:0 11px 24px #3c2a9860}.primary:hover{background:#4a369f;transform:translateY(-2px)}.secondary{background:#fff;color:var(--purple);border:1px solid #e2dcf0}.secondary:hover{border-color:var(--purple2);transform:translateY(-2px)}.outline{background:transparent;color:var(--purple);border:1px solid #cfc6e9}.smallbutton{border:0;background:transparent;color:var(--purple);padding:11px 5px;min-height:44px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.chip{padding:9px 12px;border-radius:10px;background:#f2edff;color:var(--purple);font-size:12px;font-weight:750}.page-foot{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:32px;padding:22px 0 28px;border-top:1px solid #e7e0ee;color:#777088;font-size:11px}.page-foot strong{color:#473c85}
/* welcome */
.hero{padding:34px 0 58px;display:grid;grid-template-columns:1fr .93fr;gap:clamp(20px,5vw,80px);align-items:center;min-height:650px}.hero-copy{position:relative;z-index:1}.hero-title{margin:19px 0 16px;max-width:710px}.hero-title em{font-style:normal;position:relative;color:#6755c3}.hero-title em:after{content:'';position:absolute;height:9px;left:0;right:0;bottom:-3px;background:#ffbe6b;z-index:-1;border-radius:20px;transform:rotate(-1.8deg)}.hero-copy>p{font-size:17px;max-width:490px;color:#66627d}.hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0 25px}.proof{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.tiny-note{font-size:12px;color:#736e84;margin-top:22px}.hero-art{height:min(510px,60vw);min-height:390px;position:relative;border-radius:43px;background:radial-gradient(circle at 67% 27%,#fddcb9,transparent 31%),linear-gradient(145deg,#ebe7ff,#dfd8fb 57%,#f4dfea);border:1px solid #fff8;box-shadow:var(--shadow);overflow:hidden;isolation:isolate}.hero-art:before{content:'';position:absolute;width:380px;height:380px;left:50%;top:50%;transform:translate(-50%,-49%) rotate(14deg);border-radius:90px;background:#fff8;box-shadow:0 12px 60px #4f3c8c10}.orbit{position:absolute;inset:12% 10%;width:80%;height:76%;z-index:1}.art-tag{position:absolute;background:white;border-radius:15px;box-shadow:0 12px 25px #35287825;z-index:3;padding:12px 15px;font-weight:850;font-size:12px}.art-tag i{display:block;color:#9a87c3;font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.art-tag.one{top:8%;left:5%;transform:rotate(-6deg)}.art-tag.two{bottom:10%;right:5%;transform:rotate(5deg)}.art-tag.three{bottom:12%;left:5%;background:#ffecbb;transform:rotate(-3deg)}.art-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:230px;height:230px;border-radius:50%;background:linear-gradient(145deg,#4938a4,#6c5dca);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 30px 36px #39238930, inset 0 10px 20px #ffffff2a;flex-direction:column;color:white;text-align:center}.art-circle:before{content:'';position:absolute;border:2px dashed #fff8;width:252px;height:252px;border-radius:50%}.art-circle b{font-size:64px;line-height:1}.art-circle span{margin-top:7px;font-size:11px;letter-spacing:.26em;font-weight:900}.art-spark{position:absolute;font-size:42px;z-index:2;color:#e88c3c}.art-spark.a{top:15%;right:13%}.art-spark.b{left:15%;bottom:30%;color:#7261cc}.art-float{animation:floaty 5s ease-in-out infinite alternate}@keyframes floaty{to{transform:translateY(-8px) rotate(3deg)}}
/* questionnaire */
.quiz-area{max-width:830px;margin:15px auto 60px}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.back{border:1px solid #e3ddf0;background:#fff;min-height:44px;border-radius:12px;padding:10px 14px;font-weight:750;color:var(--purple)}.question-counter{font-size:13px;font-weight:850;letter-spacing:.07em}.progress-track{height:7px;background:#e7defa;border-radius:20px;margin:18px 0 22px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#7460c7,#f7a24e);border-radius:20px;transition:width .35s ease}.quiz-card{background:var(--paper);border:1px solid #efe8f0;border-radius:32px;padding:clamp(22px,5vw,48px);box-shadow:var(--shadow);position:relative;overflow:hidden}.quiz-card:after{content:'✳';position:absolute;right:34px;top:23px;color:#efdefa;font-size:59px;z-index:0;pointer-events:none}.quiz-card>*{position:relative;z-index:1}.question-title{font-size:clamp(2rem,4.5vw,3.55rem);letter-spacing:-.055em;margin:10px 0}.question-hint{color:#776f85;font-size:14px;margin-bottom:24px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer{border:2px solid transparent;border-radius:19px;min-height:120px;padding:17px;text-align:left;display:flex;gap:13px;align-items:flex-start;background:#f0ecff;color:#282056;box-shadow:inset 0 0 0 1px #ffffff99;transition:border .16s,transform .16s,box-shadow .16s}.answer:hover{transform:translateY(-2px);box-shadow:0 9px 19px #31237a18}.answer[aria-checked=true],.answer[aria-pressed=true]{border-color:#4d3bba;box-shadow:0 0 0 3px #ded7ff}.answer:nth-child(4n+1){background:#eeeaff}.answer:nth-child(4n+2){background:#dcf2ed}.answer:nth-child(4n+3){background:#fff0d5}.answer:nth-child(4n+4){background:#ffe6e6}.answer-number{width:35px;height:35px;border-radius:12px;background:#fff9;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#5545ac;font-size:13px;font-weight:900}.answer-title{font-size:15px;line-height:1.4;font-weight:850;display:block;letter-spacing:-.015em}.answer-sub{display:block;color:#777188;font-size:12px;line-height:1.4;margin-top:7px}.question-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:16px;color:#857e95;font-size:12px}.milestone{background:#ebe5ff;padding:11px 14px;color:#4d3ca1;border-radius:13px;font-weight:800}.reveal{min-height:550px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.reveal-orb{width:175px;height:175px;background:conic-gradient(#ef9f55,#6d59ce,#84d6c4,#ef9f55);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:35px;box-shadow:0 0 0 12px #ffffff80,0 16px 40px #624eb844;animation:spin 2s linear infinite}.reveal-orb:after{content:'✦';width:132px;height:132px;border-radius:50%;display:grid;place-items:center;font-size:60px;color:white;background:#4e3b9c}.reveal p{max-width:430px;color:#7f788e}.reveal h2{margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}
/* result */
.result-area{max-width:1040px;margin:15px auto 58px}.result-hero{background:var(--ink-deep);color:#fff;border-radius:34px;min-height:410px;overflow:hidden;display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:center;padding:clamp(24px,5vw,58px);position:relative}.result-hero:after{content:'';position:absolute;inset:-70% -30% auto auto;background:radial-gradient(circle,#6d5bd7 0,transparent 65%);width:700px;height:700px;pointer-events:none}.result-hero>*{z-index:1}.result-hero .eyebrow{color:#f6b65a}.result-hero .eyebrow:before{background:#a2e6d4}.result-hero h1{font-size:clamp(2.4rem,5.5vw,4.65rem);margin:12px 0 12px}.result-hero h2{font-size:19px;letter-spacing:-.02em;color:#e9dbff;font-weight:650}.result-hero p{max-width:560px;color:#eee9fd;font-size:13.7px;line-height:1.75}.result-emblem{border:2px solid #ffffff50;background:radial-gradient(circle at 35% 25%,#9686df,#4f3cb2);width:275px;height:275px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;margin:auto;box-shadow:0 20px 60px #0004,inset 0 8px 17px #ffffff33}.result-emblem:before,.result-emblem:after{content:'';position:absolute;border-radius:50%;inset:-22px;border:1px dashed #ffffff78}.result-emblem:after{inset:17px;border:2px solid #ffffff50}.result-emblem span{font-size:110px;color:white}.result-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{border-radius:26px;background:var(--paper);border:1px solid #eee8f0;box-shadow:0 9px 28px #28215509;padding:clamp(21px,3.3vw,30px)}.panel h3{font-size:21px;letter-spacing:-.035em;margin-bottom:17px}.feature-list{display:grid;gap:12px}.feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}.feature-mark{width:24px;height:24px;flex-shrink:0;border-radius:8px;background:#e6e0ff;display:grid;place-items:center;font-size:12px;color:#5848ac;font-weight:900}.area-tags{display:flex;gap:8px;flex-wrap:wrap}.area-tags span{font-size:13px;font-weight:750;background:#f2eefc;border-radius:11px;padding:10px 12px}.leaning{background:#e4f4ee;border-radius:16px;margin-top:20px;padding:13px 16px;color:#285f57;font-weight:750;font-size:13px}.note{border:1px solid #e9e2f1;background:#faf7ff;border-radius:16px;padding:14px 16px;font-size:12px;color:#736d82;line-height:1.6;margin:20px 0}.course-block{margin-top:45px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-intro h2{margin:9px 0}.section-intro p{font-size:14px;color:#756f86;margin:0;max-width:560px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.course-card{position:relative;background:white;border:1px solid #e9e3ee;border-radius:24px;padding:22px;box-shadow:0 12px 38px #392e8010;display:flex;flex-direction:column;gap:10px;min-width:0}.course-card.featured{background:#f7f3ff;border:2px solid #9481d7}.course-top{display:flex;gap:9px;justify-content:space-between;align-items:start}.course-icon{display:grid;place-items:center;background:#ebe5ff;color:#5040ad;width:50px;height:50px;border-radius:16px;font-size:23px}.course-card:nth-child(2) .course-icon{background:#dff7eb;color:#276a5b}.course-card:nth-child(3) .course-icon{background:#ffeed5;color:#b37124}.course-card h3{font-size:23px;margin:6px 0 0}.course-card .subtitle{font-size:12px;margin:0;color:#786f8a}.course-card p{font-size:13px;line-height:1.55;margin:0}.course-card strong{font-size:12px}.course-sep{height:1px;background:#ece6f2;margin:6px 0}.course-check{font-size:12px;color:#736b7e;margin-top:auto}.course-card button{min-height:44px;border:0;background:#ece7fc;color:#453497;border-radius:12px;font-weight:820;padding:10px}.course-card details{border-top:1px solid #ece6f2;padding-top:12px}.course-card details summary{font-size:12px;color:#473787;cursor:pointer;font-weight:850}.course-card details p{margin-top:9px;color:#756d85}.cta-panel{margin-top:30px;background:linear-gradient(130deg,#f8dfb7,#f6e6c9 55%,#ebdffe);border-radius:30px;padding:clamp(25px,5vw,42px);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.cta-panel h2{margin:8px 0 12px}.cta-panel p{color:#6d5e70;margin-bottom:0;font-size:14px;max-width:560px}.cta-actions{display:flex;flex-direction:column;gap:9px;align-items:stretch}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.result-actions .secondary{font-size:13px;min-height:44px;padding:10px 15px}
/* form */
.form-shell{max-width:770px;margin:12px auto 60px}.form-shell .quiz-card{padding:clamp(24px,4vw,40px)}.form-top h1{font-size:clamp(2.1rem,4vw,3rem);margin:13px 0 9px}.form-top p{color:#746f82;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:840}.field input,.field select{width:100%;min-height:51px;border:1px solid #dcd5e9;border-radius:12px;padding:13px 14px;background:white;color:var(--ink);font-size:15px}.field input:focus,.field select:focus{border-color:#7967cb;outline:3px solid #e2dbfa;outline-offset:0}.field-help{font-size:11px;color:#736c7e}.toggle-row{display:flex;align-items:center;gap:10px;background:#f5f1ff;padding:14px;border-radius:14px;margin:18px 0}.toggle-row label{font-size:13px;font-weight:750;flex:1}.toggle-row input,.consent-row input{width:19px;height:19px;accent-color:var(--purple);flex-shrink:0}.guardian-note{background:#fff4df;border:1px solid #f9e4bd;padding:14px 16px;border-radius:14px;color:#76522c;font-size:13px;line-height:1.55;margin:16px 0}.consent-row{display:flex;gap:10px;align-items:start;margin:16px 0;font-size:12px;color:#5f5871;line-height:1.6}.error-msg{background:#ffe5e5;color:#9f2727;padding:12px 15px;border-radius:13px;font-size:13px;font-weight:750;margin:16px 0}.success-msg{background:#e5f7e8;color:#21613b;padding:12px 15px;border-radius:13px;font-size:13px;font-weight:750;margin:16px 0}.demo-msg{background:#fff1d5;color:#735321;padding:12px 15px;border-radius:13px;font-size:13px;margin:16px 0}.form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}.form-actions .primary{flex:1}.privacy-note{margin-top:20px;font-size:11px;color:#716a7d}.toast{position:fixed;z-index:50;bottom:25px;left:50%;transform:translateX(-50%);color:#fff;background:#392e87;padding:14px 20px;border-radius:13px;font-size:13px;font-weight:800;box-shadow:0 12px 30px #20144744;max-width:calc(100% - 24px)}.end-screen{text-align:center;max-width:600px;margin:70px auto 120px;padding:20px}.end-symbol{width:125px;height:125px;display:grid;place-items:center;border-radius:50%;background:#dbf5e5;color:#2b8765;font-size:66px;margin:0 auto 25px}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:0;padding:24px 0 55px;gap:22px}.hero-art{height:390px;min-height:0;max-width:600px;width:100%;margin:0 auto}.hero-copy>p{max-width:650px}.result-hero{grid-template-columns:1fr 230px}.result-emblem{width:208px;height:208px}.result-emblem span{font-size:80px}.course-grid{grid-template-columns:1fr 1fr}.course-card.featured{grid-column:1/-1}.cta-panel{grid-template-columns:1fr}}
@media(max-width:590px){.wrap{width:calc(100% - 28px)}.topbar{padding:11px 0}.brand img{width:113px;height:55px}.brand-word{font-size:9px}.brand-divider{height:23px}.control{font-size:11px;padding:8px 9px}.hero{padding:25px 0 35px}.hero-title{font-size:clamp(2.65rem,12.5vw,4rem)}.hero-copy>p{font-size:15px}.hero-art{height:305px;border-radius:27px}.art-circle{width:155px;height:155px}.art-circle:before{width:175px;height:175px}.art-circle b{font-size:42px}.art-circle span{font-size:9px}.art-tag{font-size:10px;padding:8px 10px;border-radius:11px}.art-tag.three{bottom:5%}.art-tag.one{left:4%}.art-tag.two{right:3%;bottom:6%}.hero-cta .primary{width:100%}.quiz-area{margin:8px auto 25px}.quiz-head{margin-bottom:8px}.progress-track{margin:12px 0 13px}.quiz-card{border-radius:24px;padding:22px 17px}.question-title{font-size:clamp(1.85rem,8.3vw,2.6rem);margin:11px 0}.question-hint{font-size:13px;margin-bottom:20px}.answer-grid{grid-template-columns:1fr;gap:10px}.answer{min-height:73px;padding:12px 13px;border-radius:15px}.answer-number{width:34px;height:34px;border-radius:11px}.answer-title{font-size:14px}.answer-sub{font-size:11px;margin-top:3px}.question-bottom{margin-top:18px;align-items:start}.quiz-card:after{right:15px;top:7px;font-size:38px}.result-hero{grid-template-columns:1fr;min-height:0;border-radius:24px;padding:29px 24px}.result-hero h1{font-size:clamp(2.25rem,9vw,3.1rem)}.result-hero h2{font-size:17px}.result-hero p{font-size:13px}.result-emblem{width:134px;height:134px;margin:6px auto 0}.result-emblem:before{inset:-9px}.result-emblem span{font-size:60px}.result-sections,.course-grid{grid-template-columns:1fr}.course-card.featured{grid-column:auto}.section-intro{display:block}.course-block{margin-top:35px}.cta-panel{border-radius:23px;padding:23px}.cta-actions .primary{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .field{grid-column:1/-1}.form-actions .primary{width:100%}.page-foot{margin-top:30px}.pill{font-size:11px;padding:7px 9px}.reveal{min-height:470px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-allowed) *,body:not(.motion-allowed) *:before,body:not(.motion-allowed) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}