:root{--bg:#101113;--panel:#19191d;--ink:#f4f1f5;--muted:#a8a5af;--cyan:#68ded9;--purple:#a63bbe;--line:#303037}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.announcement{text-align:center;border-bottom:1px solid var(--line);padding:9px 20px;font-size:13px;background:#1c1222;color:#d6b9df}.announcement b{color:var(--cyan)}.announcement a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.announcement a:hover{color:#91ece8}header{border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 0}.brand{display:flex;align-items:center;flex:none;line-height:0}.brand img{height:68px;width:auto;display:block}.navlinks{display:flex;gap:28px;align-items:center;font-size:14px}.navlinks a:hover{color:var(--cyan)}.pill{border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:12px;letter-spacing:1px;display:inline-block;color:var(--cyan)}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:25px;min-height:640px;padding:64px 0 60px}.eyebrow{font-size:12px;letter-spacing:2.3px;text-transform:uppercase;color:var(--cyan);font-weight:700}h1{font-size:clamp(46px,5.5vw,76px);line-height:1.04;letter-spacing:-4px;margin:24px 0}h1 em{font-style:normal;color:#e3b5ec;display:inline-block;background:#481853;padding:0 9px 6px;transform:rotate(-2deg)}.lead{color:#bcb8c3;font-size:18px;max-width:480px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 16px}.btn{border:1px solid #42404a;border-radius:8px;background:#202024;color:var(--ink);padding:13px 21px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:#303036;transform:translateY(-1px)}.primary{background:var(--cyan);color:#102626;border-color:var(--cyan)}.primary:hover{background:#91ece8}.small{font-size:13px;color:var(--muted)}.heroart{position:relative;text-align:center}.heroart img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:lighten}.quote{position:absolute;top:8%;left:15%;right:5%;border:1px solid #735277;background:#201925;border-radius:40px;padding:10px 15px;font-size:14px;transform:rotate(4deg);z-index:1}.artcaption{color:var(--muted);font-size:12px;letter-spacing:2px;text-transform:uppercase}.ribbon{border-block:1px solid var(--line);padding:19px 0;color:#b2a4b5;font-size:13px;letter-spacing:2px;text-align:center}.ribbon span{color:var(--cyan);margin:0 24px}section{padding:80px 0;border-bottom:1px solid var(--line)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font-size:clamp(30px,3.3vw,43px);letter-spacing:-1.8px;line-height:1.15;margin:12px 0 16px}h3{font-size:21px;line-height:1.25;letter-spacing:-.5px}p{margin:12px 0}.sectionhead p{max-width:390px;color:var(--muted)}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.level{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 18px;position:relative;overflow:hidden}.level .number{font-size:12px;letter-spacing:2px;color:#b9b5bf}.swatch{height:7px;background:var(--tone);margin:22px 0 26px;border-radius:4px}.level h3{font-size:18px;min-height:46px;margin:0 0 12px}.level p{font-size:14px;color:var(--muted);line-height:1.55}.level strong{font-size:12px;color:#ddd1c7;display:block;margin-top:20px}.levelmoji{width:76px;height:76px;display:block;margin:0 0 10px}.levelcode{display:block;color:var(--cyan);font-size:12px;margin-top:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px}.signs{list-style:none;padding:0;margin:0}.signs li{border-bottom:1px solid var(--line);padding:18px 0;display:flex;gap:18px}.signs li span{color:var(--purple);font-family:monospace}.testbox{background:linear-gradient(130deg,#25142e,#142626);border:1px solid #49304f;border-radius:16px;padding:35px}.testbox p{color:#bfb4c6}.progress{height:4px;background:#424046;border-radius:4px;margin:22px 0}.progress i{display:block;height:100%;background:var(--cyan);transition:width .3s}.answers{display:grid;gap:9px;margin-top:25px}.answer{background:#17161d;border:1px solid #514653;color:var(--ink);text-align:left;padding:13px 16px;border-radius:8px}.answer:hover,.answer[aria-pressed=true]{border-color:var(--cyan);background:#183330}.back{background:none;border:0;color:var(--muted);padding:16px 0;font-size:14px}.resultnum{font-size:65px;font-weight:800;color:var(--cyan);line-height:1.2}.referral{border:1px solid var(--line);padding:30px;border-radius:12px;background:var(--panel)}label{display:block;font-size:14px;margin:15px 0 6px}input,select{width:100%;padding:13px;background:#101113;border:1px solid #48434d;color:white;border-radius:7px}input::placeholder{color:#a19aa7}.ticket{border:1px solid #66516b;background:linear-gradient(135deg,#2f1935,#152626);border-radius:12px;padding:36px;align-self:center}.ticket .stamp{display:inline-block;border:1px solid var(--cyan);color:var(--cyan);padding:5px 12px;font-size:12px;letter-spacing:2px;transform:rotate(-5deg);margin:10px 0 20px}.ticket h3{font-size:34px;margin:10px 0;overflow-wrap:anywhere}.ticket p{color:#cec0d1}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.guide article{border-top:2px solid var(--purple);padding-top:20px}.guide b{font-size:38px;color:#66516b}.guide p{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:700}details p{color:var(--muted);max-width:800px}.podcast{background:radial-gradient(ellipse at 90% 50%,#441b4b,transparent 65%);padding:55px;border:1px solid #49314e;border-radius:15px}.podcast p{max-width:650px;color:#bcb6c3}footer{padding:35px 0;color:var(--muted);font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px}#status{min-height:24px;color:var(--cyan);font-size:14px}#result{scroll-margin-top:40px}.sharebox{margin-top:6px}.insignia{width:210px;height:210px;margin:18px auto 8px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 18px;background:radial-gradient(circle at 50% 46%,#16141c 0 56%,transparent 57%),conic-gradient(from 24deg,var(--tone),#241c18 42%,var(--tone));box-shadow:0 0 0 7px #101113,0 0 0 9px #514a58}.insignia b{font-size:20px;letter-spacing:-.4px;line-height:1.15;max-width:148px}.insignia .who{color:var(--muted);font-size:13px;margin-top:6px}.insignia .pts{color:var(--cyan);font-weight:800;letter-spacing:1px;margin-top:10px;font-size:14px}.soc{display:flex;gap:10px;align-items:center;margin:14px 0 8px}.soc a{width:46px;height:46px;border-radius:50%;border:1px solid #42404a;background:#17161d;color:#f4f1f5;display:inline-flex;align-items:center;justify-content:center}.soc a:hover{border-color:var(--cyan);color:var(--cyan);background:#183330}.soc svg{width:20px;height:20px;display:block}.shareline{color:#cec0d1;margin-top:0}.phrases{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.phrases button{border:1px solid var(--line);background:#17161d;color:#e6e1ea;border-radius:999px;padding:8px 12px;font-size:13px;line-height:1.35}.phrases button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.cert{text-align:center;border:1px solid #cbb48a;background:radial-gradient(circle at 50% 0%,#2a1830,#141318 62%);padding:28px 22px;box-shadow:inset 0 0 0 8px #101113,inset 0 0 0 9px #8d7358}.cert-kicker,.cert-doc{letter-spacing:2px;text-transform:uppercase;color:#d7c4a8;font-size:12px;margin:0}.cert-doc{margin-top:10px;font-size:15px;color:#f4f1f5}.cert-lead{color:#a8a5af;font-size:14px;margin:10px 0 0}.cert-name{font-family:Georgia,Times,serif;font-size:clamp(30px,4vw,44px);line-height:1.05;margin:6px 0;overflow-wrap:anywhere}.cert-level{color:#e7d3b1;font-size:24px;margin:6px 0}.cert-quote{font-style:italic;color:#cec0d1}.subrow{display:flex;gap:8px;align-items:center}.subrow input{flex:1;margin:0}.subrow .btn{flex:none}#subForm{margin-top:22px}[hidden]{display:none!important} @media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:45px;gap:5px}.heroart{max-width:440px;margin:auto}.navlinks{gap:14px}.navlinks{flex-wrap:wrap;row-gap:8px}.levels{grid-template-columns:repeat(2,1fr)}.level:last-child{grid-column:1/-1}.split{grid-template-columns:1fr;gap:35px}.sectionhead{display:block}.guide{grid-template-columns:1fr}.ribbon span{margin:0 7px}.ribbon{font-size:10px}.podcast{padding:28px}.wrap{width:calc(100% - 36px)}section{padding:55px 0}h1{letter-spacing:-2px}.testbox{padding:25px}footer .wrap{flex-direction:column}.heroart img{max-height:370px}.quote{top:0}.brand img{height:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.navlinks a[aria-current=page]{color:var(--cyan)}
.page{padding-top:28px}
.counters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.counter{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 22px}
.counter b{display:block;font-size:clamp(42px,6vw,72px);letter-spacing:-3px;color:var(--cyan);line-height:1}
.counter span{display:block;margin-top:12px;color:#cec0d1}
.live{display:inline-flex;align-items:center;gap:8px}
.live i{width:8px;height:8px;border-radius:50%;background:#68ded9;display:inline-block}
.emojis{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.emoji{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 12px 14px;text-align:center}
.emoji img{width:96px;height:96px}
.emoji strong{display:block;margin-top:8px;font-size:14px}
.emoji code{display:block;color:var(--cyan);font-size:12px;margin:4px 0 10px}
.phrasebar{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.phrasebar input{max-width:420px;margin:0}
.phrasegrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.phrasecard{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:148px;text-align:left;background:var(--panel);border:1px solid var(--line);border-left:4px solid #8d7358;color:var(--ink);border-radius:16px;padding:22px 20px 16px}
.phrasecard:hover,.phrasecard[aria-pressed=true]{border-color:var(--cyan);background:#152221}
.phrasequote{font-family:Georgia,Times,serif;font-size:clamp(20px,2vw,26px);line-height:1.32;letter-spacing:-.4px}
.phrasemeta{color:var(--cyan);font-size:12px;letter-spacing:1.2px;text-transform:uppercase}
.podiumhead{margin-top:48px}
.podium{display:grid;gap:12px;margin-top:8px}
.podium article{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.podium b{font-size:28px;letter-spacing:-1px;color:var(--cyan);line-height:1}
.podium q{font-family:Georgia,Times,serif;font-size:clamp(18px,2vw,24px);line-height:1.3;quotes:none}
.podium span{color:#cec0d1;font-size:14px;white-space:nowrap}
.rankrest{list-style:none;padding:0;margin:8px 0 0}
.rankrest li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:baseline;border-bottom:1px solid var(--line);padding:12px 2px}
.rankrest b{color:var(--muted);font-size:13px;letter-spacing:1px}
.rankrest q{quotes:none}
#phraseMore{margin:-8px 0 22px}
#phraseMore a{color:var(--cyan)}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.steps article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}
.steps b{color:var(--cyan)}
@media(max-width:800px){.counters,.steps,.phrasegrid{grid-template-columns:1fr}.phrasebar{display:block}.phrasebar input{max-width:none;margin-bottom:8px}.podium article{grid-template-columns:40px 1fr}.podium span{grid-column:2}}