@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Russo+One&display=swap";:root{color:#f7f3e8;font-synthesis:none;background:#08080b;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:#08080b;min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.screen{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.screen:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.intro{text-align:center;background:radial-gradient(circle at 50% 43%,#222535 0,#0c0d13 34%,#060609 72%);justify-content:center;align-items:center;padding:70px 24px 36px}.intro:after{content:"";z-index:0;border:1px solid #30303a;border-radius:50%;width:850px;height:850px;position:absolute;box-shadow:0 0 0 80px #08080b55,0 0 0 81px #292933}.intro>*{z-index:1}.eyebrow{color:#8c8c96;letter-spacing:.22em;align-items:center;gap:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:28px;left:36px;right:36px}.eyebrow i{background:#303039;flex:1;height:1px}.spider-mark{background:#0d0e13;border:1px solid #464650;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 0 40px #e3263630}.spider-mark span{filter:grayscale()brightness(3);font-size:40px}.spider-mark.small{flex:none;width:48px;height:48px}.spider-mark.small span{font-size:25px}.issue,.label{color:#e94545;letter-spacing:.22em;font-size:10px;font-weight:900}.intro .issue{margin:20px 0 24px}h1,h2{margin:0;font-family:Russo One,Impact,sans-serif;font-weight:400;line-height:.95}.intro h1{letter-spacing:-.04em;font-size:clamp(48px,7vw,100px)}h1 em,h2 em{color:#e8343f;text-shadow:4px 4px #5e1118;font-style:normal}.lead{color:#a7a6ad;max-width:600px;margin:25px auto 30px;font-size:15px;line-height:1.7}.primary{color:#fff;letter-spacing:.1em;cursor:pointer;background:#df303b;border:0;padding:18px 24px 18px 28px;font-size:12px;font-weight:900;transition:all .18s;box-shadow:7px 7px #72151c}.primary:hover{background:#f23b47;transform:translate(3px,3px);box-shadow:4px 4px #72151c}.primary b{margin-left:35px;font-size:18px}.fineprint{color:#62626c;letter-spacing:.14em;gap:35px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:28px}.question-screen{background:radial-gradient(circle at 80% 20%,#181b28,#08080b 55%);padding-bottom:30px}header{border-bottom:1px solid #292930;align-items:center;gap:13px;height:86px;padding:0 5vw;display:flex}.brand{font-family:Russo One;font-size:18px;line-height:1}.brand em{color:#e8343f;font-style:normal}.brand small{color:#585861;letter-spacing:.13em;margin-top:5px;font:600 7px Inter;display:block}.counter{color:#777781;letter-spacing:.16em;margin-left:auto;font-size:10px}.counter b{color:#fff;font-size:15px}.progress{background:#1c1c22;height:4px;position:relative}.progress i{background:#e8343f;height:100%;transition:width .4s;display:block;box-shadow:0 0 14px #e8343f}.progress span{color:#e8343f;letter-spacing:.12em;font:800 9px Inter;position:absolute;top:13px}.question-card{z-index:1;width:min(840px,100% - 40px);margin:auto;padding:50px 0 25px}.question-card h2{max-width:840px;margin:12px 0 34px;font-size:clamp(38px,5vw,64px);line-height:1.08}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answers button{text-align:left;color:#d6d5da;cursor:pointer;background:#121319dc;border:1px solid #2c2d35;align-items:center;gap:15px;min-height:78px;padding:12px 18px;transition:all .15s;display:flex}.answers button b{color:#e8343f;border:1px solid #3b3c45;flex:none;place-items:center;width:36px;height:36px;font-family:Russo One;display:grid}.answers button span{font-size:18px;line-height:1.4}.answers button i{opacity:0;color:#e8343f;margin-left:auto;font-size:18px;font-style:normal;transition:all .15s;transform:translate(-8px)}.answers button:hover{background:#1c151a;border-color:#e8343f;transform:translateY(-2px)}.answers button:hover i{opacity:1;transform:translate(0)}.hint{text-align:center;color:#50505a;letter-spacing:.08em;font-size:10px}.analysis{text-align:center;background:radial-gradient(circle,#202331,#08080b 60%);justify-content:center;align-items:center}.analysis h2{margin:13px 0 35px;font-size:clamp(38px,6vw,68px)}.analysis .spider-mark{margin-bottom:22px}.radar{background:repeating-radial-gradient(circle,#0000 0 29px,#292b34 30px 31px);border:1px solid #32343e;border-radius:50%;place-items:center;width:180px;height:180px;display:grid;position:relative;overflow:hidden}.radar:after{content:"";border-top:1px solid #383a45;position:absolute;inset:50% 0 auto;box-shadow:0 -90px #383a45}.radar:before{content:"";border-left:1px solid #383a45;position:absolute;top:0;bottom:0;left:50%}.radar .scan{background:conic-gradient(#0000 75%,#e8343f22 90%,#e8343f 100%);border-radius:50%;animation:1.6s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.radar>span{z-index:1;text-shadow:0 0 18px #000;font-family:Russo One;font-size:42px}.radar small{color:#e8343f;font-size:18px}.analysis>p:not(.label){color:#aaaab2;height:20px;margin-top:24px;font-size:12px}.analysis>p.alert{color:#e8343f;font-weight:900}.step-dots{gap:6px;display:flex}.step-dots i{background:#31313a;width:25px;height:2px}.step-dots i.active{background:#e8343f;box-shadow:0 0 7px #e8343f}.result{background:#0b0b0f;min-height:100vh;padding:0 5vw;position:relative;overflow:hidden}.result:before{content:"616";color:#ffffff08;pointer-events:none;font-family:Russo One;font-size:350px;position:fixed;top:60px;right:-40px}.result-top{letter-spacing:.18em;color:#777781;border-bottom:1px solid #303038;justify-content:space-between;align-items:center;height:55px;font-size:9px;display:flex}.result-top b{color:#e8343f;font:28px Russo One}.result-grid{grid-template-columns:minmax(280px,.75fr) 1.25fr;align-items:center;gap:clamp(35px,6vw,90px);max-width:1150px;margin:45px auto 30px;display:grid}.photo-wrap{background:#15151b;border:1px solid #34343d;height:57vh;min-height:470px;max-height:640px;padding:9px;position:relative;transform:rotate(-1deg);box-shadow:13px 13px #e8343f}.photo-wrap img{object-fit:cover;object-position:center top;filter:contrast(1.06)saturate(.9);width:100%;height:100%}.photo-wrap:after{content:"";pointer-events:none;position:absolute;inset:9px;box-shadow:inset 0 0 70px #0008}.photo-placeholder{color:#777;background:repeating-linear-gradient(135deg,#171820 0 12px,#111218 12px 24px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.photo-placeholder span{filter:grayscale();font-size:80px}.photo-placeholder b{color:#bbb;margin:15px;font:24px Russo One}.photo-placeholder small{text-align:center;line-height:1.6}.photo-stamp{z-index:2;color:#151519;letter-spacing:.14em;background:#eee8db;padding:9px 14px;font-size:8px;font-weight:900;position:absolute;bottom:23px;right:-14px;transform:rotate(2deg)}.result-copy h1{letter-spacing:-.04em;margin:13px 0 22px;font-size:clamp(55px,7vw,100px)}.result-copy h1 em{overflow-wrap:anywhere;display:inline-block}.summary{color:#aaaab3;max-width:590px;line-height:1.6}.stats{border-top:1px solid #303038;margin-top:25px}.stats>div{border-bottom:1px solid #24242b;grid-template-columns:175px 1fr;gap:15px;padding:15px 0;display:grid}.stats span{color:#686872;letter-spacing:.16em;font-size:8px;font-weight:900}.stats p{color:#e2e0dd;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.birthday{background:#df303b;align-items:center;gap:22px;max-width:1150px;margin:20px auto;padding:20px 25px;display:flex;box-shadow:8px 8px #72151c}.birthday>span{font-size:42px}.birthday h2{font-size:clamp(20px,3vw,31px)}.birthday p{max-width:900px;margin:7px 0 0;font-size:12px;line-height:1.5}.result footer{color:#5f5f68;letter-spacing:.1em;justify-content:space-between;align-items:center;max-width:1150px;margin:30px auto;font-size:9px;display:flex}.result footer button{color:#aaa;cursor:pointer;letter-spacing:.12em;background:0 0;border:0;font-size:9px;font-weight:800}.result footer button:hover{color:#e8343f}@media (width<=700px){.fineprint span:nth-child(2){display:none}.answers{grid-template-columns:1fr}.question-card{margin:30px auto 10px;padding-top:45px}.question-card h2{margin-bottom:24px}.answers button{min-height:66px}.result{padding:0 20px}.result-grid{grid-template-columns:1fr;gap:45px;margin-top:28px}.photo-wrap{width:min(100%,420px);height:55vh;min-height:400px;margin:auto}.result-copy h1{font-size:50px}.stats>div{grid-template-columns:125px 1fr}.birthday{align-items:flex-start}.birthday>span{font-size:28px}.result footer{align-items:flex-start;gap:25px}.result-top span:last-child{display:none}}@media (height<=700px) and (width>=701px){.question-card{padding-top:30px}.question-card h2{margin-bottom:22px;font-size:44px}.answers button{min-height:62px}.analysis .spider-mark{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}