:root{--ink:#0b1020;--muted:#647084;--paper:rgba(255,255,255,.80);--line:rgba(15,23,42,.09);--red:#ef4444;--green:#22c55e;--orange:#f97316;--shadow:0 26px 90px rgba(15,23,42,.14);--shadow2:0 14px 44px rgba(15,23,42,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif;background:radial-gradient(circle at 8% 8%,rgba(239,68,68,.20),transparent 30%),radial-gradient(circle at 92% 16%,rgba(34,197,94,.22),transparent 31%),radial-gradient(circle at 70% 92%,rgba(236,72,153,.14),transparent 34%),linear-gradient(180deg,#fff7ed 0%,#fffaf2 42%,#f8fafc 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:-4}a{text-decoration:none;color:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.32;background:radial-gradient(circle,rgba(15,23,42,.08) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,transparent,black 12%,black 70%,transparent)}.orb{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(72px);opacity:.42;pointer-events:none;z-index:-2}.o1{left:-120px;top:150px;background:#fb7185}.o2{right:-120px;top:190px;background:#4ade80}.o3{left:50%;bottom:-180px;background:#fbbf24}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:14px;z-index:30;width:min(1180px,calc(100% - 28px));margin:14px auto 0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.74);backdrop-filter:blur(22px);border-radius:999px;box-shadow:0 14px 48px rgba(15,23,42,.10)}.logo{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-weight:800;font-size:24px;letter-spacing:-.8px;padding-left:6px}.logo-mark{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#7f1d1d);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 22px rgba(15,23,42,.18)}.nav{display:flex;align-items:center;gap:4px;font-weight:800;font-size:14px}.nav a{padding:12px 14px;border-radius:999px;color:#172033}.nav a:hover{background:rgba(255,255,255,.82)}.nav .nav-cta{background:#111827;color:white;box-shadow:0 12px 26px rgba(15,23,42,.18)}.hero{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;gap:22px;align-items:stretch;padding:34px 0 20px}.hero-copy,.hero-stage,.quiz-panel,.feature,.stat,.page-card,.blog-card,.quiz-card-link,.certificate-note{background:var(--paper);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.hero-copy{border-radius:44px;padding:clamp(30px,6vw,72px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.hero-copy:after{content:"";position:absolute;right:-80px;bottom:-100px;width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,rgba(239,68,68,.14),rgba(34,197,94,.18))}.kicker,.badge{display:inline-flex;align-items:center;width:max-content;gap:8px;background:#111827;color:#fff;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:900;box-shadow:0 12px 28px rgba(15,23,42,.16)}.kicker.light{background:rgba(255,255,255,.86);color:#111827;border:1px solid var(--line);box-shadow:none}h1,h2,h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-1.35px}h1{font-size:clamp(48px,8vw,96px);line-height:.88;margin:18px 0 18px}h2{font-size:clamp(34px,5.4vw,62px);line-height:.94;margin:0}h3{font-size:24px;line-height:1.05;margin:12px 0 8px}.lead{font-size:20px;line-height:1.7;color:var(--muted);max-width:700px;margin:0 0 24px}.muted{color:var(--muted);line-height:1.75}.hero-actions,.actions,.result-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:0;border-radius:999px;padding:15px 22px;font-weight:900;cursor:pointer;transition:.18s ease;font-family:inherit;font-size:15px}.btn:hover{transform:translateY(-2px)}.btn.red{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;box-shadow:0 16px 34px rgba(239,68,68,.24)}.btn.ghost{background:rgba(255,255,255,.84);color:#111827;border:1px solid var(--line)}.btn.soft{background:#fff7ed;color:#9a3412}.btn.block{width:100%}.hero-stage{border-radius:44px;overflow:hidden;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,rgba(127,29,29,.92),rgba(17,24,39,.84) 48%,rgba(20,83,45,.94)),rgba(255,255,255,.4)}.phone{width:min(360px,86%);min-height:590px;border-radius:48px;background:#0f172a;padding:14px;box-shadow:0 36px 90px rgba(0,0,0,.35);border:8px solid rgba(255,255,255,.20);transform:rotate(-2deg)}.phone-screen{border-radius:36px;min-height:562px;padding:22px;background:linear-gradient(180deg,#fff7ed,#ffffff);position:relative;overflow:hidden}.score-pill{display:flex;justify-content:space-between;align-items:center;background:#111827;color:#fff;border-radius:999px;padding:10px 12px;font-weight:900;font-size:13px}.phone-title{font-family:"Space Grotesk";font-size:42px;line-height:.92;margin:42px 0 14px;color:#111827}.result-circle{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;margin:36px auto 18px;background:conic-gradient(#22c55e 0 78%,#fee2e2 78% 100%);box-shadow:inset 0 0 0 18px #fff,0 18px 50px rgba(15,23,42,.16);font:900 44px "Space Grotesk";color:#14532d}.phone-btn{position:absolute;left:22px;right:22px;bottom:22px;background:#111827;color:white;border-radius:999px;padding:16px;text-align:center;font-weight:900}.float-chip{position:absolute;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:12px 15px;font-weight:900;box-shadow:0 16px 34px rgba(0,0,0,.18)}.c1{left:24px;top:52px}.c2{right:24px;top:142px}.c3{left:46px;bottom:70px}.c4{right:38px;bottom:166px}.section{padding:42px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.section-head p{max-width:520px}.quiz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quiz-card-link,.blog-card{display:flex;flex-direction:column;border-radius:32px;padding:24px;min-height:275px;position:relative;overflow:hidden;transition:.2s ease}.quiz-card-link:before{content:"";position:absolute;inset:auto -70px -90px auto;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.38)}.quiz-card-link:hover,.blog-card:hover{transform:translateY(-6px);box-shadow:0 34px 100px rgba(15,23,42,.16)}.quiz-card-link .icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.88);font-size:28px;box-shadow:var(--shadow2)}.quiz-card-link p,.blog-card p{color:var(--muted);line-height:1.65}.quiz-card-link b,.blog-card b{margin-top:auto}.q-red{background:linear-gradient(150deg,rgba(254,226,226,.92),rgba(220,252,231,.86))}.q-gold{background:linear-gradient(150deg,rgba(254,243,199,.95),rgba(255,247,237,.86))}.q-purple{background:linear-gradient(150deg,rgba(243,232,255,.95),rgba(255,255,255,.86))}.q-pink{background:linear-gradient(150deg,rgba(255,228,230,.95),rgba(255,255,255,.86))}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.stat{border-radius:30px;padding:24px}.feature span,.stat span{font-weight:900;color:var(--orange)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat strong{font:900 48px "Space Grotesk";display:block;letter-spacing:-2px}.page{padding:42px 0 70px}.page-card{border-radius:40px;padding:clamp(24px,5vw,48px)}.page-card.article{max-width:900px;margin:auto}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;color:var(--muted);font-weight:800}.article-body p,.article-body li{font-size:18px;color:#475569;line-height:1.9}.article-body h2{font-size:34px;margin-top:34px}.article-body ul{padding-left:24px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.blog-card{min-height:245px}.blog-card small{font-weight:900;color:#f97316}.site-footer{width:min(1180px,calc(100% - 32px));margin:30px auto;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.74);backdrop-filter:blur(22px);border-radius:34px;padding:24px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:20px}.footer-grid h4{font-family:"Space Grotesk";margin:0 0 10px}.footer-grid a,.footer-grid p{display:block;color:var(--muted);line-height:1.8;margin:0}.footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:20px;padding-top:18px;color:var(--muted)}.quiz-main{padding:40px 0 70px}.quiz-shell{max-width:820px;margin:auto}.quiz-panel{border-radius:40px;padding:clamp(24px,5vw,42px);position:relative;overflow:hidden}.quiz-panel.center{text-align:center}.quiz-panel.center .badge{margin-left:auto;margin-right:auto}.fallback-content{text-align:left;margin-top:24px;background:rgba(255,255,255,.6);border:1px solid var(--line);border-radius:24px;padding:18px}.fallback-content h2{font-size:28px}.fallback-content li{line-height:1.7;color:#475569}.name-input{width:100%;height:58px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.78);border-radius:22px;padding:0 18px;font:800 17px inherit;outline:none;margin:14px 0}.name-input:focus{border-color:#f97316;box-shadow:0 0 0 5px rgba(249,115,22,.12)}.hidden{display:none!important}.js .fallback-content{display:none}.progress-row{display:flex;justify-content:space-between;font-weight:900;color:#334155;margin-bottom:12px}.progress-bar{height:14px;border-radius:999px;background:rgba(255,237,213,.95);overflow:hidden;margin-bottom:26px}#progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#ef4444,#f97316,#22c55e);transition:.24s ease}.question-title{font-size:clamp(30px,5vw,48px);margin:0 0 18px}.answers{display:grid;gap:12px}.answer-btn{border:1px solid rgba(15,23,42,.09);background:rgba(255,255,255,.78);border-radius:24px;padding:18px;text-align:left;display:flex;justify-content:space-between;gap:16px;cursor:pointer;transition:.16s ease;font:900 16px inherit}.answer-btn:hover{transform:translateY(-2px);border-color:#f97316;box-shadow:var(--shadow2)}.answer-btn small{color:#94a3b8;white-space:nowrap}.result-title{font-size:clamp(38px,7vw,72px);margin:14px 0}.score-box{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.score-box div{border-radius:28px;background:rgba(255,255,255,.76);border:1px solid rgba(15,23,42,.08);padding:22px}.score-box span{font:900 48px "Space Grotesk";letter-spacing:-1.5px}.score-box p{margin:2px 0 0;color:var(--muted);font-weight:900}#certificate{width:100%;border-radius:30px;border:1px solid rgba(15,23,42,.10);background:white;box-shadow:0 24px 80px rgba(15,23,42,.16);margin:8px 0 20px}.certificate-note{border-radius:24px;padding:16px;color:var(--muted);box-shadow:none;margin-top:12px}.error-code{font:900 92px "Space Grotesk";letter-spacing:-4px;color:#ef4444;margin:0}.center{text-align:center}@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto}.quiz-grid,.features,.stats{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.site-header{border-radius:28px;align-items:flex-start;flex-direction:column}.nav{flex-wrap:wrap}.nav .nav-cta{display:none}h1{font-size:clamp(44px,15vw,72px)}.hero{padding-top:20px}.hero-copy,.hero-stage,.page-card,.quiz-panel{border-radius:32px}.phone{min-height:520px}.phone-screen{min-height:492px}.quiz-grid,.features,.stats,.blog-grid,.score-box,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.float-chip{display:none}.answer-btn{display:block}.answer-btn small{display:none}.result-actions .btn,.actions .btn,.hero-actions .btn{width:100%}}