.df-page{min-height:100vh;background:var(--void);padding:clamp(120px,16vh,180px) clamp(24px,5vw,60px) clamp(80px,10vw,120px);display:flex;flex-direction:column;align-items:center}.df-inner{width:100%;max-width:680px}.df-intro-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:20px}.df-intro-title{font-family:var(--font-display);font-size:clamp(52px,9vw,120px);line-height:.88;letter-spacing:.02em;color:var(--white);margin-bottom:28px}.df-intro-title span{color:var(--red)}.df-intro-sub{font-size:15px;color:var(--muted);line-height:1.8;max-width:480px;margin-bottom:48px}.df-start-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 44px;font-family:var(--font-display);font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:var(--white);background:linear-gradient(135deg,var(--red) 0%,#FF0000 50%,var(--red-deep) 100%);border:none;border-radius:2px;cursor:pointer;box-shadow:0 4px 32px #ff000073,0 0 80px #ff00001f,inset 0 1px #ffffff24;transition:filter .25s ease,box-shadow .25s ease}.df-start-btn:hover{filter:brightness(1.15);box-shadow:0 8px 48px #f009,0 0 100px #ff00002e,inset 0 1px #ffffff2e}.df-progress-wrap{display:none;margin-bottom:48px}.df-progress-wrap.visible{display:block}.df-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.df-progress-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.df-progress-count{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--red)}.df-progress-track{height:2px;background:var(--border);border-radius:99px;overflow:hidden}.df-progress-fill{height:100%;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:99px;transition:width .45s cubic-bezier(.22,1,.36,1);width:0%}.df-question{display:none}.df-question.active{display:block;animation:dfFadeUp .4s cubic-bezier(.22,1,.36,1) both}@keyframes dfFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.df-q-number{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:16px}.df-q-text{font-family:var(--font-display);font-size:clamp(28px,4vw,52px);line-height:.95;letter-spacing:.02em;color:var(--white);margin-bottom:36px}.df-options{display:flex;flex-direction:column;gap:12px}.df-option{display:flex;align-items:flex-start;gap:20px;padding:20px 24px;background:#ffffff08;border:1px solid var(--border);border-radius:2px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.df-option:hover{background:#ffffff0f;border-color:#f006;transform:translate(4px)}.df-option.selected{background:#ff000014;border-color:#f009}.df-option-key{font-family:var(--font-display);font-size:22px;color:var(--red);letter-spacing:.04em;flex-shrink:0;width:28px;padding-top:2px}.df-option-text{font-size:15px;color:#ffffffbf;line-height:1.5}.df-option-text strong{color:var(--white);display:block;margin-bottom:2px;font-size:15px}.df-result{display:none}.df-result.active{display:block;animation:dfFadeUp .5s cubic-bezier(.22,1,.36,1) both}.df-result-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:16px}.df-result-label{font-family:var(--font-display);font-size:clamp(36px,6vw,80px);line-height:.9;letter-spacing:.02em;color:var(--white);margin-bottom:32px}.df-result-card{position:relative;overflow:hidden;padding:36px;background:#ffffff0a;backdrop-filter:blur(48px) saturate(180%) brightness(1.06);-webkit-backdrop-filter:blur(48px) saturate(180%) brightness(1.06);border:1px solid rgba(255,255,255,.14);border-radius:2px;box-shadow:inset 0 1px #ffffff2e,0 8px 48px #0006;margin-bottom:28px}.df-result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,0,0,.6),transparent)}.df-result-tag{display:inline-flex;align-items:center;padding:5px 14px;font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);border:1px solid rgba(255,0,0,.35);border-radius:9999px;margin-bottom:20px}.df-result-name{font-family:var(--font-display);font-size:clamp(28px,4vw,48px);color:var(--white);line-height:.95;letter-spacing:.03em;margin-bottom:16px}.df-result-desc{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:28px;border-top:1px solid var(--border);padding-top:20px}.df-result-specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.df-spec-pill{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#fff9;padding:5px 12px;border:1px solid var(--border);border-radius:9999px}.df-result-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.df-retry-btn{background:none;border:none;padding:0;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);cursor:pointer;text-decoration:underline;transition:color .2s}.df-retry-btn:hover{color:var(--white)}.df-result-card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0}.df-start-btn{background:var(--red);box-shadow:none}.df-result-tag,.df-spec-pill{font-size:11px}.df-intro-eyebrow,.df-q-number,.df-progress-label,.df-progress-count{font-size:12px;color:var(--muted)}.df-result-card{padding:24px}
/*# sourceMappingURL=/cdn/shop/t/55/assets/deck-finder.css.map */