@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;background:#f9f7f4;color:#211a2e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8060ef;outline-offset:3px}.shell{max-width:1180px;margin:0 auto;padding:0 27px}.nav{display:flex;align-items:center;justify-content:space-between;height:82px;gap:15px}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-1.8px;font-size:29px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#d5fc54;border:2px solid #211a2e;transform:rotate(-9deg);border-radius:13px;font-size:24px}.nav-actions{display:flex;align-items:center;gap:12px}.lang{padding:9px 12px;border:1.5px solid #ded9e5;border-radius:100px;background:white;font-weight:800;font-size:13px}.tiny-link{font-size:13px;font-weight:700;color:#655c72}.hero{padding:80px 0 68px;display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}.eyebrow{display:inline-block;padding:9px 15px;background:#ede6ff;border:1px solid #d2c1ff;border-radius:50px;color:#653acb;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(58px,7.4vw,102px);line-height:.99;letter-spacing:-6px;margin:24px 0;color:#21172f}.hero h1 em{font-style:normal;color:#885af4}.hero p{max-width:510px;font-size:18px;line-height:1.7;color:#675e71}.hero-cta{display:flex;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:2px solid #201a29;background:#d8fe67;border-radius:16px;padding:15px 24px;font-weight:800;box-shadow:4px 4px 0 #201a29;color:#211a2e;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #201a29}.btn.purple{background:#9875f9;color:white}.btn.light{background:white}.btn.ghost{background:transparent;border:1px solid #d9d3df;box-shadow:none;padding:11px 14px}.small{font-size:12px;color:#8a8191}.hero-art{height:450px;position:relative;background:#eee5fe;border:2px solid #201a29;border-radius:40px;overflow:hidden;box-shadow:12px 12px 0 #dacaf8}.orb{position:absolute;display:grid;place-items:center;border:3px solid #211a2e;box-shadow:6px 6px 0 #211a2e;font-size:92px;border-radius:36px;transform:rotate(-12deg)}.orb.one{background:#ddff76;width:225px;height:226px;top:33px;left:45px}.orb.two{background:#ffa79f;width:190px;height:188px;top:108px;right:30px;transform:rotate(13deg)}.orb.three{background:#91e9ee;width:176px;height:169px;bottom:15px;left:114px;transform:rotate(5deg)}.scribble{position:absolute;font-family:'Space Grotesk';font-weight:700;font-size:24px;right:32px;bottom:35px;transform:rotate(-8deg)}.bar{padding:18px;background:#211a2e;color:white;font-size:14px;font-weight:700;text-align:center;letter-spacing:.4px}.bar b{color:#d7fc64}.section{padding:85px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2,.headline{font-family:'Space Grotesk',sans-serif;font-size:clamp(35px,4vw,53px);line-height:1.05;letter-spacing:-2px;margin:9px 0}.muted{color:#716a7a;line-height:1.65}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:2px solid #241b31;border-radius:25px;overflow:hidden;box-shadow:5px 5px 0 #241b31;display:flex;flex-direction:column}.card-visual{height:215px;display:grid;place-items:center;font-size:94px;position:relative}.card-visual:before{content:'';position:absolute;width:178px;height:140px;border:2px solid #241b31;border-radius:60% 30% 40% 40%;transform:rotate(-17deg);background:rgba(255,255,255,.28)}.card-visual span{z-index:1;transform:rotate(-11deg);filter:drop-shadow(4px 7px 0 rgba(30,19,50,.18))}.card:nth-child(1) .card-visual{background:#ffa89e}.card:nth-child(2) .card-visual{background:#c0b2ff}.card:nth-child(3) .card-visual{background:#c9f580}.tag{font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#7a53d3}.card-body{padding:26px;display:flex;flex-direction:column;flex:1}.card h3{font-family:'Space Grotesk';font-size:26px;line-height:1.1;letter-spacing:-1px;margin:10px 0}.card p{line-height:1.6;color:#736c7b;font-size:14px;flex:1}.card .btn{width:100%;padding:13px 12px;font-size:14px;margin-top:12px}.how{background:#eae3fa;border-top:2px solid #241b31;border-bottom:2px solid #241b31}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-num{width:48px;height:48px;background:#d6fc70;border:2px solid #211a2e;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:22px}.how-grid h3{font-family:'Space Grotesk';font-size:22px;margin:16px 0 7px}.footer{padding:38px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#7a7481;font-size:13px}.footer a{margin-left:18px}.quiz-screen{max-width:760px;margin:40px auto 80px}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.back{border:0;background:transparent;font-weight:800;padding:9px 0;color:#746984}.progress{height:13px;background:#e5dff0;border:1px solid #d0c6dd;border-radius:30px;overflow:hidden;margin-bottom:26px}.progress > div{height:100%;background:#9271f8;transition:width .22s ease}.question-card{background:white;border:2px solid #241b31;box-shadow:7px 7px 0 #241b31;border-radius:28px;padding:44px}.question-card h2{font-family:'Space Grotesk';font-size:clamp(27px,4vw,39px);letter-spacing:-1.4px;line-height:1.16;margin:14px 0 28px}.option{display:flex;gap:15px;align-items:center;width:100%;text-align:left;background:#fbfafc;padding:17px 18px;margin:12px 0;border:2px solid #e9e4ed;border-radius:16px;font-weight:700;font-size:15px;transition:.15s}.option:hover,.option:focus-visible{border-color:#9571f9;background:#f1eaff;transform:translateX(3px)}.option-letter{display:grid;place-items:center;border-radius:10px;flex:none;background:#e9e3f6;width:33px;height:33px;font-size:12px;font-weight:900}.result-top{max-width:810px;margin:35px auto 35px;text-align:center}.result-stage{margin-top:20px;border:2px solid #241b31;background:#e9dfff;border-radius:27px;padding:35px;box-shadow:7px 7px 0 #241b31}.result-emoji{font-size:106px;line-height:1.2}.result-stage h1{font-family:'Space Grotesk';font-size:clamp(40px,6vw,68px);letter-spacing:-3px;margin:10px 0}.result-stage p{max-width:540px;margin:15px auto;line-height:1.7}.result-actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin:28px 0}.traits{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:24px 0;text-align:left}.trait{background:white;border:1px solid #e6dfeb;padding:16px 18px;border-radius:15px}.trait-bar{height:10px;background:#eeeaf0;border-radius:20px;margin-top:10px;overflow:hidden}.trait-bar div{height:100%;background:#9a70f9;border-radius:20px}.info-page{max-width:790px;padding:40px 24px 95px;margin:auto;line-height:1.85}.info-page h1{font-family:'Space Grotesk';font-size:42px}.info-page h2{margin-top:30px}.notice{margin:22px 0;padding:15px;border-left:4px solid #9571f9;background:#f0eafb;border-radius:6px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#211a2e;color:white;border-radius:50px;padding:11px 20px;font-size:14px;font-weight:800;z-index:20}.error{color:#b83b52}.hidden{display:none!important}@media(max-width:800px){.shell{padding:0 18px}.nav{height:70px}.brand{font-size:24px}.hero{grid-template-columns:1fr;padding:47px 0 65px;gap:37px}.hero h1{font-size:clamp(54px,10vw,80px);letter-spacing:-4px}.hero-art{height:340px}.orb.one{width:170px;height:165px;font-size:70px;left:26px}.orb.two{width:148px;height:145px;font-size:65px;right:20px;top:84px}.orb.three{width:135px;height:125px;font-size:62px;bottom:15px;left:80px}.scribble{font-size:18px;right:12px;bottom:22px}.section{padding:58px 0}.cards,.how-grid{grid-template-columns:1fr}.card-visual{height:190px}.section-head{display:block}.question-card{padding:25px 20px}.quiz-screen{margin:20px auto 55px}.traits{grid-template-columns:1fr}.result-stage{padding:24px 17px}.result-emoji{font-size:84px}.tiny-link{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}