@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap";:root{color:#eef8ff;font-synthesis:none;background:#06152d;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{background:radial-gradient(circle at 50% 0,#103b70 0,#071a3b 42%,#030b1c 100%);place-items:center;min-height:100vh;padding:28px 18px;display:grid;position:relative;overflow:hidden}.orb{filter:blur(2px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.orb-one{background:#24c6dc;width:420px;height:420px;top:-180px;right:-100px;box-shadow:0 0 120px 35px #1975c7}.orb-two{background:#536dfe;width:320px;height:320px;bottom:-170px;left:-100px;box-shadow:0 0 100px 20px #3261e8}.stars{opacity:.35;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:47px 47px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35%,#0000);mask-image:linear-gradient(#0000,#000 35%,#0000)}.card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f2d56e6,#071635ed);border:1px solid #b1e1ff33;border-radius:30px;width:min(100%,620px);animation:.7s both rise;box-shadow:0 28px 90px #0008,inset 0 1px #fff2}.welcome-card,.result-card{text-align:center;padding:54px 48px}.eyebrow{letter-spacing:3px;color:#7bdff5;font-size:11px;font-weight:700}.heart{color:#75e6f3;text-shadow:0 0 30px #3bd7ef;margin:24px 0 12px;font-size:72px;line-height:1;animation:2.4s infinite pulse}.kicker{color:#a3c9e7;margin:0;font-size:15px}.welcome-card h1,.result-card h1{margin:10px 0 18px;font:600 clamp(38px,7vw,58px)/1.05 Playfair Display,serif}.welcome-card h1 em,.result-card h1 em{color:#67ddeb}.lead{color:#abc4dc;max-width:390px;margin:0 auto 32px;line-height:1.65}.primary,.next{color:#06152d;cursor:pointer;background:linear-gradient(110deg,#61dbe8,#4e86ff);border:0;border-radius:14px;padding:16px 25px;font:700 15px DM Sans;transition:all .25s;box-shadow:0 10px 30px #4da9e955}.primary:hover,.next:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 15px 35px #4da9e988}.primary span,.next span{margin-left:17px;font-size:21px}.tiny-note{letter-spacing:.5px;color:#7192b4;margin-top:22px;font-size:11px}.quiz-card{padding:28px 38px 32px}.quiz-header{letter-spacing:2px;color:#7bcfe9;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.quiz-header strong{color:#fff;letter-spacing:0;font-size:17px}.quiz-header i{color:#6383a6;font-size:12px;font-style:normal}.progress{background:#17365d;border-radius:5px;height:4px;margin:20px 0 46px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#64e8e9,#6587ff);height:100%;transition:width .4s;display:block}.question-number{color:#61dae6;letter-spacing:2px;font-size:11px;font-weight:700}.question-wrap h2{margin:12px 0 8px;font:600 clamp(26px,5vw,38px)/1.15 Playfair Display,serif}.hint{color:#7395b8;margin:0 0 25px;font-size:13px}.options{gap:10px;display:grid}.option{color:#dbeeff;text-align:left;cursor:pointer;background:#0b2549;border:1px solid #244a77;border-radius:14px;align-items:center;gap:14px;width:100%;padding:15px 16px;font:500 14px DM Sans;transition:all .2s;display:flex}.option:hover{border-color:#65dce8;transform:translate(3px)}.option.selected{background:linear-gradient(100deg,#124771,#16396f);border-color:#6be2eb;box-shadow:0 0 0 1px #6be2eb33}.option-letter{color:#7bd9ea;background:#173b64;border-radius:9px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.check{color:#6ce1eb;opacity:0;margin-left:auto;font-size:18px}.selected .check{opacity:1}.next{margin:28px 0 0 auto;display:block}.next:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.result-score{justify-content:center;align-items:baseline;gap:10px;margin:24px 0 12px;display:flex}.result-score strong{color:#6ae1ea;font:700 90px/.9 Playfair Display}.result-score span{color:#7798bc}.result-copy{color:#abc4dc;max-width:420px;margin:0 auto 24px;line-height:1.65}.qualities{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:30px;display:flex}.qualities span{color:#8feaf0;border:1px solid #326285;border-radius:99px;padding:8px 13px;font-size:12px}.confetti{color:#70e1ea;margin-bottom:10px;font-size:35px;animation:5s linear infinite spin}footer{z-index:1;color:#547495;letter-spacing:.5px;font-size:11px;position:absolute;bottom:15px}footer span{color:#67dce8;margin-left:5px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=520px){.welcome-card,.result-card{padding:42px 25px}.quiz-card{padding:22px 20px 25px}.progress{margin-bottom:35px}.question-wrap h2{font-size:30px}.option{padding:13px 12px;font-size:13px}.next{width:100%}}