:root,html{--s1:6px;--s2:10px;--s3:16px;--s4:22px;--s5:32px;--s6:48px;--s7:72px;--font-mono:var(--font-body)!important}body{background:radial-gradient(70% 55% at 12% 85%,rgba(255,51,136,.38) 0,rgba(255,51,136,0) 65%),radial-gradient(65% 50% at 90% 10%,rgba(136,255,68,.22) 0,rgba(136,255,68,0) 60%),radial-gradient(50% 45% at 55% 50%,rgba(255,214,51,.12) 0,rgba(255,214,51,0) 55%),var(--surface);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 420px at 20% 70%,rgba(255,51,136,.28) 0,transparent 70%),radial-gradient(circle 360px at 80% 20%,rgba(136,255,68,.16) 0,transparent 65%),radial-gradient(circle 300px at 50% 45%,rgba(255,214,51,.1) 0,transparent 60%);filter:blur(150px);animation:orb-drift 18s ease-in-out infinite alternate}@keyframes orb-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.04)}66%{transform:translate(-20px,15px) scale(.97)}to{transform:translate(10px,-10px) scale(1.02)}}.band.panel,.block-slot,.faq-item,.mock,.pcbox,.rcard,.testimonial-card{background:rgba(16,8,30,.55);backdrop-filter:blur(44px) saturate(2) brightness(1.09);-webkit-backdrop-filter:blur(44px) saturate(2) brightness(1.09);border:1px solid var(--border)}.hero-title em{display:inline-block;font-style:normal;background:linear-gradient(135deg,var(--primary),var(--bridge) 60%,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(255,51,136,.4))}.btn-primary{box-shadow:0 0 12px rgba(255,51,136,.5),0 0 40px rgba(255,51,136,.18)}.btn-primary:hover{box-shadow:0 0 16px rgba(255,51,136,.65),0 0 56px rgba(255,51,136,.25)}.mock-stage{perspective:900px}.mock{border-radius:4px;padding:var(--s3);max-width:320px;margin:0 auto}.mock-deck{position:relative;width:100%;aspect-ratio:3/4;margin-bottom:var(--s3)}.mock-card-hint{position:absolute;inset:0;border-radius:4px;background:var(--surface-alt,#10081e);border:1px solid var(--border)}.mock-card-hint.hint-2{transform:rotate(4deg) translateX(8px) scale(.94);opacity:.35}.mock-card-hint.hint-1{transform:rotate(-2deg) translateX(-4px) scale(.97);opacity:.55}.mock-card-front{position:absolute;inset:0;border-radius:4px;overflow:hidden;box-shadow:0 4px 24px rgba(255,51,136,.2),0 0 60px rgba(255,51,136,.08)}.mock-card-front img{width:100%;height:100%;object-fit:cover}.mock-card-overlay{position:absolute;top:var(--s2);right:var(--s2);display:flex;gap:var(--s1);align-items:center}.mock-score{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:700;font-size:.85rem;color:var(--surface);background:var(--accent);padding:2px 8px;border-radius:3px;box-shadow:0 0 10px rgba(136,255,68,.45),0 0 32px rgba(136,255,68,.15)}.mock-vibe{font-family:var(--font-body);font-size:.72rem;font-weight:600;color:var(--ink);background:rgba(16,8,30,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2px 7px;border-radius:3px}.mock-card-name{position:absolute;bottom:0;left:0;right:0;padding:var(--s3) var(--s3) var(--s2);background:linear-gradient(0deg,rgba(10,6,24,.85) 0,transparent);display:flex;flex-direction:column;gap:2px}.mock-card-name b{font-family:var(--font);font-size:1.15rem;font-weight:700;color:var(--ink)}.mock-card-name span{font-family:var(--font-body);font-size:.8rem;color:var(--ink-muted)}.mock-actions{text-align:center}.mock-btns{display:flex;gap:var(--s3);margin-bottom:var(--s2)}.mock-btn,.mock-btns{justify-content:center}.mock-btn{display:inline-flex;align-items:center;font-family:var(--font);font-weight:600;font-size:.82rem;padding:6px 20px;border-radius:3px;cursor:default}.mock-btn.pass{background:rgba(184,168,212,.12);color:var(--ink-muted);border:1px solid rgba(184,168,212,.18)}.mock-btn.like{background:rgba(255,51,136,.18);color:var(--primary);border:1px solid rgba(255,51,136,.3);box-shadow:0 0 14px rgba(255,51,136,.15)}.mock-status{font-family:var(--font-body);font-size:.75rem;color:var(--ink-muted);margin:0}.mock-match{padding:var(--s2) var(--s3);border-radius:3px;background:linear-gradient(135deg,rgba(255,51,136,.15),rgba(136,255,68,.08));border:1px solid rgba(255,51,136,.22);display:flex;flex-direction:column;gap:2px}.mock-match-label{font-family:var(--font);font-weight:700;font-size:.95rem;background:linear-gradient(90deg,var(--primary),var(--bridge));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.mock-match-status{font-family:var(--font-body);font-size:.78rem;color:var(--ink-muted)}.rcard{box-shadow:0 2px 16px color-mix(in srgb,var(--card-tint,var(--primary)) 20%,transparent),0 0 44px color-mix(in srgb,var(--card-tint,var(--primary)) 8%,transparent);transition:box-shadow .3s ease}.rcard:hover{box-shadow:0 2px 20px color-mix(in srgb,var(--card-tint,var(--primary)) 30%,transparent),0 0 56px color-mix(in srgb,var(--card-tint,var(--primary)) 14%,transparent)}.band+.band{margin-top:var(--s6)}.slabel.warm b{color:var(--primary)}.slabel.mid b{color:var(--bridge)}.stats .num{color:var(--primary);text-shadow:0 0 18px rgba(255,51,136,.35)}.block-slot{border-radius:4px;padding:var(--s4)}.vibe-chip.is-on{background:var(--primary);color:var(--surface);box-shadow:0 0 12px rgba(255,51,136,.35)}.plan-opt.is-on{background:var(--accent);color:var(--surface);box-shadow:0 0 10px rgba(136,255,68,.3)}.fcard .icon-wrap{box-shadow:0 0 20px rgba(136,255,68,.12)}.faq-item,.testimonial-card{border-radius:4px}.sticky-bar{background:rgba(10,6,24,.8);backdrop-filter:blur(40px) saturate(1.9);-webkit-backdrop-filter:blur(40px) saturate(1.9)}.pcbox.pros li .icon-wrap{color:#4ade80}.pcbox.cons li .icon-wrap{color:var(--ink-muted)}body,html{overflow-x:hidden}@media (max-width:640px){.mock{max-width:260px}.mock-deck{aspect-ratio:3/4}.block-slot{padding:var(--s3)}}