:root{
  --bg:#020203;
  --panel:rgba(11,11,16,.72);
  --panel-strong:rgba(8,8,12,.86);
  --text:#f7f7f7;
  --muted:#b8bbc8;
  --soft:#7f8290;
  --border:rgba(255,255,255,.14);
  --gold:#f4c542;
  --red:#ff3131;
  --blue:#2675ff;
  --shadow:0 34px 120px rgba(0,0,0,.64);
  --radius:30px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}
body{min-height:100vh;background:#020203}
button,input,a{font:inherit}
a{color:inherit;text-decoration:none}
button{touch-action:manipulation}
.grain{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.global-glow{position:fixed;border-radius:999px;filter:blur(34px);opacity:.36;pointer-events:none;z-index:0;animation:floatGlow 8s ease-in-out infinite alternate}
.global-red{width:520px;height:520px;background:radial-gradient(circle,rgba(255,49,49,.56),transparent 69%);left:-190px;bottom:-150px}
.global-blue{width:560px;height:560px;background:radial-gradient(circle,rgba(38,117,255,.50),transparent 69%);right:-210px;top:12vh;animation-delay:-2s}
.global-gold{width:440px;height:440px;background:radial-gradient(circle,rgba(244,197,66,.28),transparent 70%);left:42vw;top:42vh;animation-delay:-4s}
@keyframes floatGlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(20px,-18px,0) scale(1.08)}}
.app-shell{min-height:100vh;position:relative;z-index:1}.container{width:100%;max-width:1160px;margin:0 auto}.narrow{max-width:790px}.screen{min-height:100vh;padding:104px 18px 38px;display:none;align-items:center;justify-content:center;position:relative;isolation:isolate;animation:fadeIn .28s ease both}.screen.active{display:flex}.screen:before,.screen:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}.screen:before{background:#020203}.screen:after{z-index:-1;opacity:.95;background:radial-gradient(circle at 12% 20%,rgba(255,49,49,.28),transparent 30%),radial-gradient(circle at 78% 16%,rgba(38,117,255,.28),transparent 33%),radial-gradient(circle at 52% 76%,rgba(244,197,66,.16),transparent 38%),linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.82));animation:gradientDrift 9s ease-in-out infinite alternate}.hero-screen:before{background-image:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.52) 38%,rgba(0,0,0,.24) 64%,rgba(0,0,0,.70) 100%),linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.20) 42%,rgba(0,0,0,.86)),url("assets/hero-desktop.jpg");background-size:cover;background-position:center right;background-repeat:no-repeat;filter:saturate(1.08) contrast(1.04)}.hero-screen:after{background:radial-gradient(circle at 18% 36%,rgba(255,49,49,.22),transparent 33%),radial-gradient(circle at 78% 55%,rgba(38,117,255,.22),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.36),rgba(0,0,0,.18) 50%,rgba(0,0,0,.38));opacity:1}.quiz-background:before{background-image:linear-gradient(180deg,rgba(1,1,3,.86),rgba(1,1,3,.70) 43%,rgba(1,1,3,.91)),linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.34) 56%,rgba(0,0,0,.74)),url("assets/result-card-bg.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.98) contrast(1.1) brightness(.72)}.quiz-background:after{background:radial-gradient(circle at 18% 78%,rgba(255,49,49,.32),transparent 36%),radial-gradient(circle at 82% 26%,rgba(38,117,255,.30),transparent 34%),radial-gradient(circle at 46% 48%,rgba(244,197,66,.18),transparent 34%),linear-gradient(135deg,rgba(0,0,0,.72),rgba(0,0,0,.42),rgba(0,0,0,.80));animation:gradientDrift 7s ease-in-out infinite alternate}.result-screen:before{background-image:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.62) 48%,rgba(0,0,0,.95)),linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.28) 58%,rgba(0,0,0,.77)),url("assets/result-card-bg.jpg");background-size:cover;background-position:center right;filter:saturate(1.08) contrast(1.12) brightness(.78)}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:none}}@keyframes gradientDrift{from{transform:scale(1) translate3d(0,0,0);opacity:.82}to{transform:scale(1.05) translate3d(-18px,12px,0);opacity:1}}.reveal-up{animation:reveal .38s cubic-bezier(.18,.9,.2,1) both}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:flex-start;padding:22px 26px;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.28),transparent);backdrop-filter:blur(6px)}.brand-link{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;font-size:15px;text-shadow:0 0 24px rgba(0,0,0,.8)}.brand-link img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,255,255,.18))}.brand-link span{position:relative;top:1px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;margin-bottom:16px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 20px var(--gold)}.eyebrow.center{display:flex;justify-content:center;text-align:center}.eyebrow.no-dot{gap:0}.eyebrow.no-dot span{display:none}
h1,h2,h3,p{margin:0}h1{font-size:clamp(44px,8vw,102px);line-height:.90;letter-spacing:-.075em;text-transform:uppercase;max-width:940px;text-wrap:balance;text-shadow:0 22px 70px rgba(0,0,0,.82)}h2{font-size:clamp(34px,6vw,64px);line-height:.96;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;text-align:center}h3{font-size:clamp(25px,4vw,44px);line-height:1.05;letter-spacing:-.035em}.lead{font-size:clamp(18px,2.1vw,23px);line-height:1.48;max-width:790px;margin-top:20px;font-weight:700;color:#fff}.muted{color:var(--muted);line-height:1.72;font-size:16px}.muted b{color:#fff}.hero-muted{margin-top:14px;max-width:720px;text-align:left}.small{font-size:13px}.panel{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.076),rgba(255,255,255,.032));box-shadow:var(--shadow);backdrop-filter:blur(18px)}.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.10),transparent 22%,transparent 70%,rgba(255,255,255,.035));pointer-events:none}.panel>*{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);gap:26px;align-items:center}.hero-copy{padding-top:18px}.hero-visual{display:flex;align-items:center;justify-content:center;min-height:620px;position:relative}.hero-card{width:min(100%,390px);aspect-ratio:9/16;border:1px solid rgba(255,255,255,.16);border-radius:35px;padding:25px;background-image:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.72)),radial-gradient(circle at 56% 18%,rgba(244,197,66,.28),transparent 33%),radial-gradient(circle at 72% 78%,rgba(255,49,49,.22),transparent 38%),url("assets/result-card-bg.jpg");background-size:cover;background-position:center;box-shadow:0 42px 125px rgba(0,0,0,.72);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transform:rotate(1.1deg)}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.10),transparent 22%,rgba(38,117,255,.16) 66%,rgba(255,49,49,.12));pointer-events:none}.hero-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -180px 110px rgba(0,0,0,.68);pointer-events:none}.hero-card-top,.hero-score-preview,.hero-card-bottom{position:relative;z-index:2}.hero-card-top{display:flex;justify-content:flex-start;align-items:center}.hero-card-top img{width:106px;height:106px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,255,255,.24))}.hero-score-preview{text-align:center}.ghost-line{display:block;font-size:18px;letter-spacing:.18em;color:rgba(255,255,255,.78);font-weight:900;text-transform:uppercase}.hero-score-preview strong{display:block;font-size:96px;line-height:.88;letter-spacing:-.08em;color:var(--gold);text-shadow:0 0 38px rgba(244,197,66,.42);margin:20px 0}.hero-score-preview em{font-size:31px;color:#fff;font-style:normal;letter-spacing:-.02em}.hero-score-preview p{color:#f2f2f2;font-weight:900;font-size:20px;line-height:1.32;max-width:290px;margin:0 auto}.hero-card-bottom{text-align:left;border-top:1px solid rgba(255,255,255,.17);padding-top:18px;color:#fff;font-weight:900;line-height:1.22;font-size:18px}.hero-card-bottom span{display:block;color:rgba(255,255,255,.65);font-size:13px;margin-top:5px}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:rgba(0,0,0,.34);padding:10px 14px;border-radius:999px;color:#ececf1;font-size:14px;font-weight:800;box-shadow:0 14px 45px rgba(0,0,0,.20)}.pill i{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 14px var(--gold)}.actions-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.center-actions{justify-content:center}.btn{border:0;border-radius:999px;min-height:56px;padding:16px 26px;font-weight:900;letter-spacing:.005em;display:inline-flex;align-items:center;justify-content:center;transition:.18s ease;cursor:pointer;position:relative}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--gold),#fff0a8);color:#070707;box-shadow:0 18px 52px rgba(244,197,66,.26)}.btn-primary:active{transform:translateY(0) scale(.99)}.btn-secondary{background:rgba(255,255,255,.052);border:1px solid var(--border);color:#fff}.btn-secondary:hover{border-color:rgba(244,197,66,.65)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.intro-panel{padding:34px;text-align:center}.intro-panel .lead,.intro-panel .muted{margin-left:auto;margin-right:auto}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 2px}.stat-grid div{border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(0,0,0,.30);padding:20px 14px;display:flex;min-height:128px;flex-direction:column;align-items:center;justify-content:center}.stat-grid strong{display:block;font-size:clamp(42px,6vw,64px);line-height:.9;color:#fff;letter-spacing:-.06em;text-shadow:0 0 28px rgba(244,197,66,.22)}.stat-grid span{display:block;margin-top:12px;color:var(--muted);font-size:14px;line-height:1.25;font-weight:800;text-align:center}.quiz-panel{padding:30px}.progress-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:900}.progress-track{height:10px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden;margin-bottom:26px}.progress-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--gold),#fff);box-shadow:0 0 26px rgba(244,197,66,.36);transition:.26s ease}.answers{display:grid;gap:12px;margin:24px 0}.answer{width:100%;text-align:left;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(0,0,0,.32);color:#fff;padding:17px 18px;line-height:1.36;font-weight:800;transition:.16s ease}.answer:hover{border-color:rgba(244,197,66,.66);background:rgba(255,255,255,.07)}.answer.active{border-color:var(--gold);background:rgba(244,197,66,.12);box-shadow:0 0 0 1px var(--gold),0 0 34px rgba(244,197,66,.14)}.quiz-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.quiz-actions .btn{min-width:180px}.inline-error{color:#ff7b7b;font-size:13px;min-height:18px;margin-top:8px}.result-lock-grid{display:grid;grid-template-columns:minmax(270px,360px) minmax(310px,490px);gap:32px;align-items:center;justify-content:center}.locked-card-wrap{filter:blur(8px);opacity:.50;transform:scale(.96) rotate(-2deg);pointer-events:none}.locked-card-wrap .result-card{width:min(100%,340px)}.email-gate{padding:32px}.ready-pulse{display:block;text-align:center;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-bottom:17px;animation:readyPulse 1.35s ease-in-out infinite;text-shadow:0 0 22px rgba(244,197,66,.42)}@keyframes readyPulse{0%,100%{opacity:.72;text-shadow:0 0 10px rgba(244,197,66,.20)}42%{opacity:1;text-shadow:0 0 30px rgba(244,197,66,.85),0 0 58px rgba(244,197,66,.38)}}.input{width:100%;height:56px;border:1px solid var(--border);border-radius:18px;background:rgba(0,0,0,.40);color:#fff;outline:none;padding:0 17px;margin-top:12px}.input::placeholder{color:rgba(255,255,255,.43)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 30px rgba(244,197,66,.10)}.privacy-line{margin-top:15px;color:var(--muted);font-size:13px;line-height:1.56}.privacy-line strong{display:block;color:#fff;margin-top:6px;font-size:14px}.email-error{color:#ff7b7b;font-size:13px;min-height:18px;margin-top:10px}.result-screen{align-items:center}.result-container{padding-top:26px}.result-final-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:34px;align-items:center;position:relative}.result-content{position:relative;z-index:2;max-width:680px}.result-detail-clean{text-align:left;padding:4px 0}.result-detail-clean .score-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;margin-bottom:16px}.result-detail-clean .score-title{font-size:clamp(44px,8vw,94px);letter-spacing:-.075em;line-height:.9;text-transform:uppercase}.result-detail-clean .score-title span{color:var(--cardAccent);text-shadow:0 0 34px rgba(244,197,66,.28)}.result-detail-clean .category{display:inline-flex;margin-top:17px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 15px;background:rgba(0,0,0,.34);font-weight:900;text-transform:uppercase;letter-spacing:.035em}.result-detail-clean .diagnostic-text{margin-top:22px;color:#e6e7ec;font-size:18px;line-height:1.68;font-weight:650}.result-detail-clean .alert{margin-top:18px;border-left:3px solid var(--cardAccent);background:rgba(0,0,0,.34);padding:16px 17px;border-radius:0 18px 18px 0;color:#fff;line-height:1.6}.result-card-mount{display:flex;justify-content:center;position:relative;z-index:3}.result-card{width:min(100%,360px);aspect-ratio:9/16;margin:0 auto;border-radius:32px;overflow:visible;position:relative;--cardAccent:var(--gold)}.result-card-frame{position:absolute;inset:0;overflow:hidden;border-radius:32px;background:#07070a;border:1px solid rgba(255,255,255,.16);box-shadow:0 38px 120px rgba(0,0,0,.66)}.result-card-frame:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.68) 75%,rgba(0,0,0,.91)),radial-gradient(circle at 52% 17%,rgba(244,197,66,.34),transparent 32%),url("assets/result-card-bg.jpg");background-size:cover;background-position:center;filter:saturate(1.04) contrast(1.08)}.result-card-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 80%,rgba(38,117,255,.18),transparent 34%),radial-gradient(circle at 18% 70%,rgba(255,49,49,.24),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.08),transparent 28%,rgba(0,0,0,.28));box-shadow:inset 0 -210px 130px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,255,255,.08)}.result-card-inner{position:relative;z-index:2;height:100%;padding:24px 22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:32px}.result-card-top{display:flex;align-items:flex-start;justify-content:flex-start}.result-card-top img{width:126px;height:126px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,255,255,.28))}.result-card-main{text-align:center;margin-top:auto;margin-bottom:auto}.score-label{font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.78);font-weight:900}.score-number{margin-top:12px;font-size:82px;line-height:.86;letter-spacing:-.08em;color:var(--cardAccent);font-weight:900;text-shadow:0 0 30px rgba(244,197,66,.38)}.score-number span{font-size:25px;color:#fff;letter-spacing:-.03em}.profile-chip{display:inline-flex;margin-top:20px;max-width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.42);border-radius:999px;padding:9px 13px;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.card-punchline{margin:18px auto 0;max-width:285px;color:#fff;font-weight:800;line-height:1.32;font-size:18px}.result-card-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:15px;color:rgba(255,255,255,.88);font-weight:900;line-height:1.24;font-size:16px;text-align:left}.share-card-btn{position:absolute;right:-14px;bottom:-14px;z-index:4;border:0;border-radius:999px;min-height:55px;padding:0 18px;background:linear-gradient(135deg,var(--gold),#fff1ad);color:#080808;font-weight:900;display:inline-flex;align-items:center;gap:9px;box-shadow:0 22px 55px rgba(244,197,66,.30),0 18px 60px rgba(0,0,0,.42);cursor:pointer}.share-card-btn svg{width:19px;height:19px}.share-card-btn:hover{transform:translateY(-1px)}.latest-video{margin-top:34px;text-align:left}.video-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:14px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.026));box-shadow:0 24px 80px rgba(0,0,0,.42);transition:.18s ease}.video-card:hover{transform:translateY(-2px);border-color:rgba(244,197,66,.56)}.video-thumb{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:16/9;background:#111}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-thumb:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:999px;background:rgba(244,197,66,.92);color:#080808;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;box-shadow:0 14px 38px rgba(0,0,0,.45)}.video-copy span{display:block;color:var(--gold);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:11px;margin-bottom:8px}.video-copy strong{display:block;font-size:20px;line-height:1.16;text-transform:uppercase;letter-spacing:-.02em}.video-copy p{margin-top:8px;color:var(--muted);line-height:1.5;font-size:14px}.share-notice{min-height:22px;margin-top:16px;color:var(--muted);font-size:13px}.share-notice.success{color:#cdeecb}.share-notice.error{color:#ff9c9c}.is-blurred .result-card-frame{filter:blur(1px)}
@media (max-width:900px){.screen{padding-top:96px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-copy{text-align:center;margin:0 auto}.hero-muted{text-align:center;margin-left:auto;margin-right:auto}.pill-row,.hero-actions{justify-content:center}.hero-visual{min-height:0;height:0}.hero-card{position:absolute;right:-50px;top:-28px;width:210px;opacity:.52;transform:rotate(5deg);pointer-events:none}.hero-card-top img{width:76px;height:76px}.hero-score-preview strong{font-size:58px}.hero-score-preview p,.hero-card-bottom{font-size:14px}.result-lock-grid{grid-template-columns:1fr;max-width:520px}.locked-card-wrap{display:none}.result-final-grid{grid-template-columns:1fr;min-height:650px;display:block}.result-card-mount{position:absolute;right:-42px;top:8px;width:235px;opacity:.64;z-index:1;justify-content:flex-end;filter:saturate(.9)}.result-card{width:235px}.result-card-top img{width:88px;height:88px}.score-number{font-size:56px}.score-number span{font-size:18px}.profile-chip{font-size:10px;padding:7px 9px}.card-punchline{font-size:13px}.result-card-bottom{font-size:12px}.share-card-btn{right:-4px;bottom:-8px;min-height:48px;padding:0 13px;font-size:12px}.result-content{padding-top:118px;position:relative;z-index:2}.result-detail-clean .diagnostic-text{font-size:16px}.video-card{grid-template-columns:1fr}.video-copy strong{font-size:18px}}
@media (max-width:720px){.hero-screen:before{background-image:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.40) 42%,rgba(0,0,0,.88)),linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28),rgba(0,0,0,.70)),url("assets/hero-mobile.jpg");background-position:center top}.topbar{padding:18px 18px}.brand-link{font-size:13px}.brand-link img{width:48px;height:48px}.screen{padding:94px 16px 28px}h1{font-size:clamp(43px,15vw,70px);line-height:.91}h2{font-size:clamp(32px,10vw,48px)}.lead{font-size:17px}.muted{font-size:15px}.panel{border-radius:26px}.intro-panel,.quiz-panel,.email-gate{padding:25px 20px}.stat-grid{grid-template-columns:1fr}.stat-grid div{min-height:104px}.actions-inline .btn,.quiz-actions .btn{width:100%}.quiz-actions{justify-content:center}.answer{padding:16px 15px}.result-detail-clean .score-title{font-size:clamp(46px,17vw,74px)}.latest-video{margin-top:28px}.video-card{padding:12px;border-radius:22px}.video-thumb{border-radius:15px}}
@media (max-width:420px){.hero-card{right:-84px;top:10px;width:205px;opacity:.40}.result-card-mount{right:-72px;top:18px;width:230px;opacity:.52}.result-content{padding-top:128px}.pill-row{gap:8px}.pill{font-size:12px;padding:9px 11px}.btn{min-height:54px}.share-card-btn span{display:none}.share-card-btn{width:50px;justify-content:center;padding:0}.video-copy p{font-size:13px}}


/* ------------------------------------------------------------------
   PATCH MOBILE 01 — accueil + résultat
   Objectif : supprimer les cartes cropées à droite sur mobile,
   stabiliser le header et garder le quiz intact.
------------------------------------------------------------------- */
@media (max-width: 900px){
  .hero-visual{
    height:auto;
    min-height:0;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:24px auto 0;
    width:100%;
    pointer-events:none;
  }

  .hero-card{
    position:relative;
    right:auto;
    top:auto;
    width:min(74vw, 285px);
    opacity:.92;
    transform:rotate(0deg);
    pointer-events:none;
    margin:0 auto;
  }

  .hero-card-top img{width:88px;height:88px}
  .hero-score-preview strong{font-size:64px}
  .hero-score-preview p{font-size:15px;max-width:220px}
  .hero-card-bottom{font-size:14px}

  .result-final-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:24px;
    min-height:0;
    align-items:start;
  }

  .result-content{
    display:contents;
    max-width:none;
  }

  .result-detail-clean{
    order:1;
    text-align:left;
    position:relative;
    z-index:2;
  }

  .result-card-mount{
    order:2;
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    opacity:1;
    z-index:2;
    justify-content:center;
    filter:none;
    margin:4px auto 6px;
  }

  .result-card{
    width:min(82vw, 315px);
  }

  .result-card-top img{width:104px;height:104px}
  .score-number{font-size:68px}
  .score-number span{font-size:21px}
  .profile-chip{font-size:11px;padding:8px 11px}
  .card-punchline{font-size:15px;max-width:235px}
  .result-card-bottom{font-size:14px}

  .share-card-btn{
    right:-8px;
    bottom:-10px;
    min-height:52px;
    padding:0 15px;
    font-size:13px;
  }

  .latest-video{
    order:3;
    width:100%;
    margin-top:12px;
    position:relative;
    z-index:2;
  }

  .share-notice{
    order:4;
    position:relative;
    z-index:2;
  }
}

@media (max-width: 720px){
  .topbar{
    position:absolute;
    padding:18px 16px 8px;
    background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.20),transparent);
    backdrop-filter:none;
  }

  .hero-screen,
  .result-screen{
    align-items:flex-start;
    justify-content:flex-start;
    min-height:100svh;
    padding-top:92px;
  }

  .hero-grid{
    width:100%;
  }

  .hero-copy{
    padding-top:0;
  }

  .hero-visual{
    margin-top:22px;
  }

  .hero-card{
    width:min(78vw, 285px);
    border-radius:28px;
    padding:20px;
  }

  .hero-card-top img{width:82px;height:82px}
  .hero-score-preview strong{font-size:62px;margin:16px 0}

  .result-container{
    padding-top:0;
  }

  .result-final-grid{
    gap:22px;
  }

  .result-detail-clean .score-title{
    text-align:left;
  }
}

@media (max-width:420px){
  .hero-card{
    position:relative;
    right:auto;
    top:auto;
    width:min(82vw, 270px);
    opacity:.92;
    transform:none;
  }

  .result-card-mount{
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    opacity:1;
  }

  .result-card{
    width:min(84vw, 300px);
  }

  .result-content,
  .result-detail-clean{
    padding-top:0;
  }

  .share-card-btn{
    width:52px;
    min-height:52px;
    justify-content:center;
    padding:0;
  }
}


/* ------------------------------------------------------------------
   PATCH 02 — retour quiz + lien de partage
------------------------------------------------------------------- */
.quiz-back-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.28);
  color:rgba(255,255,255,.82);
  min-height:40px;
  padding:0 13px 0 11px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  margin-bottom:15px;
  transition:.18s ease;
}
.quiz-back-btn svg{width:18px;height:18px}
.quiz-back-btn:hover{
  color:#fff;
  border-color:rgba(244,197,66,.62);
  background:rgba(244,197,66,.10);
  transform:translateX(-2px);
}

@media (max-width:720px){
  .quiz-back-btn{
    min-height:42px;
    padding:0 13px 0 10px;
    margin-bottom:14px;
  }
}