.kulakapp-test-page{background:#09090e;color:#f4f3ff;min-height:100vh}
.test-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,40px);background:rgba(9,9,14,.88);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}
.test-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:850;letter-spacing:-.02em}
.test-brand img{width:36px;height:36px;border-radius:11px}
.test-nav-download{padding:10px 16px;border-radius:11px;background:#5c52e8;color:#fff;text-decoration:none;font-size:13px;font-weight:750}
.test-hero{max-width:780px;margin:0 auto;padding:76px 22px 34px;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(118,108,255,.18),transparent 62%)}
.test-kicker{display:inline-flex;padding:7px 12px;border:1px solid rgba(118,108,255,.28);border-radius:99px;background:rgba(118,108,255,.1);color:#aaa4ff;font-size:12px;font-weight:750;margin-bottom:20px}
.test-hero h1{font-size:clamp(34px,7vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 18px}
.test-hero>p{max-width:620px;margin:0 auto;color:#a5a2b9;font-size:17px;line-height:1.7}
.test-notice{display:inline-flex;margin-top:20px;padding:10px 14px;border-radius:12px;background:#15141f;color:#d9d6e9;font-size:13px}
.ear-test{max-width:760px;min-height:470px;margin:28px auto 70px;padding:clamp(24px,5vw,48px);border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(26,25,38,.96),rgba(15,15,24,.98));box-shadow:0 28px 90px rgba(0,0,0,.38)}
.ear-test [hidden]{display:none!important}
.ear-test-start,.ear-test-result{text-align:center}
.ear-test-icon{width:72px;height:72px;margin:0 auto 22px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#766cff,#ff6688);font-size:36px;font-weight:900;box-shadow:0 14px 38px rgba(118,108,255,.25)}
.ear-test h2{font-size:clamp(25px,5vw,36px);line-height:1.2;letter-spacing:-.03em;margin:0 0 13px}
.ear-test-start>p,.ear-test-result>p{max-width:570px;margin:0 auto 24px;color:#aaa7bc;line-height:1.7}
.ear-test-start small{display:block;margin-top:16px;color:#716e80;font-size:12px}
.ear-primary-button,.ear-next-button{border:0;border-radius:14px;padding:14px 24px;background:linear-gradient(135deg,#766cff,#9c65ff);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(118,108,255,.22);transition:transform .2s,box-shadow .2s}
.ear-primary-button:hover,.ear-next-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(118,108,255,.32)}
.ear-progress-row{display:flex;align-items:center;justify-content:space-between;color:#8e8a9d;font-size:12px;font-weight:700}
.ear-progress{height:7px;margin:10px 0 32px;border-radius:99px;background:#272534;overflow:hidden}
.ear-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#766cff,#ff6688);transition:width .35s ease}
.ear-question-type{color:#9d96ff;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.ear-question-help{color:#8f8c9f;margin:0 0 24px}
.ear-listen-button{width:100%;min-height:92px;border:1px solid rgba(118,108,255,.32);border-radius:18px;background:rgba(118,108,255,.09);color:#f4f3ff;font:inherit;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,border-color .2s}
.ear-listen-button:hover{background:rgba(118,108,255,.16);border-color:rgba(118,108,255,.55)}
.ear-listen-button:disabled{opacity:.72;cursor:wait}
.ear-audio-status{min-height:22px;margin:9px 0 14px;color:#777486;font-size:12px;text-align:center}
.ear-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ear-answer-button{min-height:58px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#22202e;color:#f4f3ff;font:inherit;font-weight:750;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.ear-answer-button:hover:not(:disabled){transform:translateY(-1px);border-color:#766cff}
.ear-answer-button.is-correct{border-color:#39d98a;background:rgba(57,217,138,.12)}
.ear-answer-button.is-wrong{border-color:#ff6688;background:rgba(255,102,136,.11)}
.ear-feedback{margin:16px 0 0;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:650}
.ear-feedback.is-correct{background:rgba(57,217,138,.09);color:#81eab5}
.ear-feedback.is-wrong{background:rgba(255,102,136,.09);color:#ff9db2}
.ear-next-button{display:block;margin:18px 0 0 auto}
.ear-result-score{display:flex;justify-content:center;align-items:baseline;gap:5px;margin-bottom:5px}
.ear-result-score strong{font-size:72px;line-height:1;background:linear-gradient(135deg,#9c94ff,#ff7896);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ear-result-score span{color:#777486;font-size:22px;font-weight:750}
.ear-result-label{color:#9d96ff;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}
.ear-result-detail{max-width:580px;margin:0 auto 30px;padding:15px 18px;border-radius:14px;background:#22202e;color:#d7d4e4;font-size:14px;line-height:1.65}
.ear-share-panel{margin:0 0 22px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#13121c;text-align:left}
.ear-share-eyebrow{color:#ff8da5;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.ear-share-panel h3{font-size:22px;margin:6px 0 7px}.ear-share-panel p{margin:0 0 17px;color:#9692a5;font-size:14px}
.ear-share-buttons{display:flex;gap:8px;flex-wrap:wrap}
.ear-share-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#211f2c;color:#fff;text-decoration:none;font:inherit;font-size:12px;font-weight:780;cursor:pointer}
.ear-share-button.is-primary{border-color:transparent;background:linear-gradient(135deg,#766cff,#9c65ff)}
.ear-share-button.is-whatsapp{border-color:rgba(57,217,138,.35);background:rgba(57,217,138,.1);color:#8be9b8}
.ear-share-status{min-height:18px;margin-top:10px;color:#858192;font-size:11px}
.ear-app-bridge{scroll-margin-top:90px;padding:28px;border:1px solid rgba(118,108,255,.24);border-radius:20px;background:linear-gradient(145deg,rgba(118,108,255,.12),rgba(255,102,136,.06));text-align:left}
.ear-app-eyebrow{color:#a9a3ff;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.ear-app-bridge h3{font-size:24px;line-height:1.25;margin:7px 0 9px}
.ear-app-bridge p{color:#a8a5b7;line-height:1.65;margin:0 0 20px}
.ear-store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ear-store-button{display:flex;flex-direction:column;padding:13px 16px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#111019;color:#fff;text-decoration:none;transition:transform .2s,border-color .2s}
.ear-store-button:hover,.ear-store-button.is-preferred{transform:translateY(-2px);border-color:#8c83ff}
.ear-store-button small{color:#8e8a9d;font-size:10px}.ear-store-button strong{font-size:14px}
.ear-restart-button{margin-top:22px;border:0;background:transparent;color:#9d96ff;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.test-content{max-width:760px;margin:0 auto;padding:0 22px 80px}
.test-content h2{font-size:clamp(25px,4vw,34px);letter-spacing:-.03em;margin:48px 0 14px}
.test-content h3{font-size:21px;margin:30px 0 10px}
.test-content p,.test-content li{color:#aaa7b9;line-height:1.85;margin-bottom:15px}
.test-content ul{padding-left:22px}.test-content strong{color:#f1effa}
.test-content a{color:#aaa5ff;text-underline-offset:3px}
.test-content-callout{margin:34px 0;padding:22px 24px;border-left:3px solid #766cff;border-radius:0 14px 14px 0;background:#15141f}
.test-content-callout strong{display:block;margin-bottom:6px}.test-content-callout p{margin:0}
.test-inline-app{margin:42px 0}.test-content .test-inline-app h3{margin-top:7px}.test-content .test-inline-app p{margin-bottom:20px}
.test-footer{display:flex;justify-content:center;gap:12px;padding:30px 20px;border-top:1px solid rgba(255,255,255,.07);color:#5f5c6c;font-size:12px}
.test-footer a{color:#8f89a0;text-decoration:none}
@media(max-width:640px){
  .test-nav{padding:11px 15px}.test-nav-download{padding:9px 11px;font-size:12px}
  .test-hero{padding-top:54px}.test-hero>p{font-size:15px}
  .ear-test{margin:18px 13px 54px;border-radius:22px;padding:24px 18px;min-height:430px}
  .ear-answers,.ear-store-buttons{grid-template-columns:1fr}
  .ear-share-buttons{display:grid;grid-template-columns:1fr}.ear-share-button{width:100%}
  .ear-listen-button{min-height:82px}.ear-next-button{width:100%}
  .ear-app-bridge{padding:21px 17px}.ear-result-score strong{font-size:62px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ear-primary-button,.ear-next-button,.ear-answer-button,.ear-store-button{transition:none}}
.test-next-guide{width:min(100% - 40px,760px);margin:20px auto 72px;padding:28px 30px;border:1px solid rgba(108,99,255,.28);border-radius:18px;background:linear-gradient(135deg,rgba(108,99,255,.12),rgba(255,101,132,.05))}
.test-next-guide>span{color:#9b95ff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.test-next-guide h2{margin:8px 0 8px;color:#f4f4fa;font-size:23px;line-height:1.3}
.test-next-guide p{margin:0 0 14px;color:#a8a8bd;font-size:15px;line-height:1.65}
.test-next-guide a{color:#aaa5ff;font-size:14px;font-weight:700;text-decoration:none}
.test-next-links{display:flex;gap:10px 18px;flex-wrap:wrap}
@media(max-width:640px){.test-next-guide{width:min(100% - 32px,760px);padding:23px 21px}.test-next-guide h2{font-size:21px}}
