.try-main{min-height:100vh;position:relative;overflow:hidden}.try-main:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:9999;mix-blend-mode:multiply}.step{min-height:100vh;padding:24px 20px 80px;max-width:720px;margin:0 auto;position:relative;z-index:1;animation:stepEnter .5s cubic-bezier(.16,1,.3,1)}@keyframes stepEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.step-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 32px;position:-webkit-sticky;position:sticky;top:0;background:linear-gradient(180deg,var(--bg) 70%,transparent);z-index:10;margin-bottom:16px}.step-back{font-size:14px;font-weight:500;color:var(--ink-soft);padding:8px 0;transition:color .2s ease}.step-back:hover{color:var(--accent)}.step-progress{display:flex;gap:8px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);transition:all .3s ease}.step-dot.active{background:var(--accent);width:24px;border-radius:4px}.step-body{padding:8px 0}.step-title{font-family:var(--font-display);font-size:clamp(34px,8vw,52px);line-height:1.05;font-weight:500;letter-spacing:-.025em;margin-bottom:16px;font-variation-settings:"opsz" 144;color:var(--ink)}.step-title em{font-style:italic;font-weight:400;color:var(--accent)}.step-desc{font-size:16px;line-height:1.5;color:var(--ink-soft);margin-bottom:32px}.step-idle{padding-top:40px}.hero-blob{position:absolute;top:60px;right:-30%;width:500px;height:500px;background:radial-gradient(circle,var(--accent-soft) 0,transparent 65%);opacity:.35;filter:blur(60px);z-index:-1;animation:float 14s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-30px,20px)}}.idle-content{position:relative;z-index:2}.idle-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--accent);padding:6px 12px;background:var(--accent-bg);border:1px solid var(--accent-soft);border-radius:var(--radius-pill);margin-bottom:24px}.eyebrow-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.idle-title{font-family:var(--font-display);font-size:clamp(40px,11vw,80px);line-height:1;font-weight:500;letter-spacing:-.025em;margin-bottom:22px;font-variation-settings:"opsz" 144}.idle-title em{font-style:italic;font-weight:400;color:var(--accent)}.idle-subtitle{font-size:17px;line-height:1.5;color:var(--ink-soft);margin-bottom:32px;max-width:480px}.idle-trust{margin-top:20px;display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--ink-dim)}.idle-preview{margin-top:56px;display:flex;justify-content:center}.preview-frame{width:100%;max-width:380px;aspect-ratio:4/5;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-lg)}.preview-frame,.preview-half{position:relative;overflow:hidden;display:flex}.preview-half{flex:1 1;align-items:center;justify-content:center}.preview-before{background:linear-gradient(135deg,#f5f1ea,#ebe5da)}.preview-after{background:linear-gradient(135deg,#fff7ed,#fed7aa)}.preview-tag{position:absolute;top:14px;font-size:10px;font-weight:600;letter-spacing:.05em;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:5px 10px;border-radius:var(--radius-pill);color:var(--ink);z-index:2}.preview-before .preview-tag{left:14px}.preview-after .preview-tag{right:14px}.head-svg{width:70%;filter:drop-shadow(0 8px 20px rgba(26,22,20,.12))}.preview-divider{top:0;width:1px;height:100%;z-index:3}.preview-divider,.preview-divider:after,.preview-divider:before{position:absolute;left:50%;background:var(--accent);transform:translateX(-50%)}.preview-divider:after,.preview-divider:before{content:"";width:8px;height:8px;border-radius:50%}.preview-divider:before{top:0}.preview-divider:after{bottom:0}.btn-cta{background:var(--ink);color:var(--bg);padding:16px 28px;font-weight:500;font-size:15px;border-radius:var(--radius-pill);transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px}.btn-cta:hover:not(:disabled){transform:translateY(-2px);background:var(--accent);box-shadow:0 12px 30px rgba(194,65,12,.25)}.btn-cta:disabled{opacity:.4;cursor:not-allowed}.btn-cta span[aria-hidden]{transition:transform .3s ease}.btn-cta:hover:not(:disabled) span[aria-hidden]{transform:translateX(4px)}.btn-secondary{background:var(--bg-card);color:var(--ink);padding:14px 22px;font-weight:500;font-size:14px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;flex:1 1}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-link{color:var(--accent);font-size:14px;font-weight:500;padding:12px;text-decoration:underline;-webkit-text-decoration-color:var(--accent-soft);text-decoration-color:var(--accent-soft);text-underline-offset:3px}.btn-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg-card);border:2px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.drop-zone.is-dragging,.drop-zone:hover{border-color:var(--accent);background:var(--accent-bg)}.drop-icon{width:56px;height:56px;background:var(--accent-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--accent)}.drop-icon svg{width:24px;height:24px}.drop-title{font-family:var(--font-display);font-size:22px;font-weight:500;margin-bottom:4px;letter-spacing:-.015em}.drop-or{font-size:13px;color:var(--ink-faded);margin:8px 0 12px}.drop-btn{background:var(--ink);color:var(--bg);padding:12px 24px;border-radius:var(--radius-pill);font-weight:500;font-size:14px;transition:all .2s ease}.drop-btn:hover{background:var(--accent);transform:translateY(-1px)}.drop-mobile-hint{font-size:12px;color:var(--ink-faded);margin-top:16px}.tips{display:grid;grid-gap:12px;gap:12px;margin-bottom:16px}.tip{padding:14px 16px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);font-size:14px}.tip strong{display:block;font-weight:600;color:var(--ink);margin-bottom:2px;font-size:14px}.tip span{color:var(--ink-dim);font-size:13px}.preview-container{display:flex;flex-direction:column;gap:20px}.preview-image-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--line);aspect-ratio:3/4;max-height:500px}.preview-image{width:100%;height:100%;object-fit:cover}.preview-replace{position:absolute;top:12px;right:12px;background:rgba(26,22,20,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:white;font-size:12px;font-weight:500;padding:6px 12px;border-radius:var(--radius-pill);transition:background .2s ease}.preview-replace:hover{background:rgba(194,65,12,.9)}.status-line{color:var(--ink-dim);padding:12px}.error-line,.status-line{text-align:center;font-size:14px}.error-line{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:12px 16px;border-radius:var(--radius-md);margin-top:16px}.quiz-counter{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.option-grid{display:grid;grid-gap:12px;gap:12px;margin-top:8px}.option-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px 20px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer}.option-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.option-card:active{transform:translateY(0)}.option-icon{font-size:28px;margin-bottom:8px;line-height:1}.option-label{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.015em;color:var(--ink);line-height:1.2}.option-desc{font-size:13px;color:var(--ink-dim);margin-top:4px}.age-input-wrap{display:flex;flex-direction:column;gap:16px;margin-top:24px}.age-input{font-family:var(--font-display);font-size:56px;font-weight:500;text-align:center;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;width:100%;color:var(--ink);letter-spacing:-.02em;outline:none;transition:border-color .2s ease}.age-input:focus{border-color:var(--accent)}.age-input::-webkit-inner-spin-button,.age-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.age-input[type=number]{-moz-appearance:textfield}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:8px}.color-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;text-align:left}.color-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.color-card:active{transform:translateY(0)}.color-swatch{width:36px;height:36px;border-radius:50%;flex-shrink:0;border:1px solid var(--line-strong);box-shadow:inset 0 0 0 2px var(--bg-card),0 2px 4px rgba(0,0,0,.08)}.color-label{font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--ink);line-height:1.2}.step-generating{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px 20px}.gen-content{width:100%;max-width:480px;text-align:center}.gen-spinner{position:relative;width:88px;height:88px;margin:0 auto 32px}.spinner-ring{position:absolute;inset:0;border:3px solid transparent;border-top:3px solid var(--accent);border-radius:50%;animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(2){inset:12px;border-top-color:var(--accent-soft);animation-duration:1.5s;animation-direction:reverse}.spinner-ring:nth-child(3){inset:24px;border-top-color:var(--accent);animation-duration:1.8s}@keyframes spinner{to{transform:rotate(1turn)}}.gen-title{font-size:clamp(28px,6vw,38px);margin-bottom:12px}.gen-status{font-size:15px;color:var(--ink-soft);margin-bottom:28px;min-height:22px;transition:opacity .4s ease}.gen-progress-bar{width:100%;height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:12px}.gen-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-soft));border-radius:3px;transition:width .6s cubic-bezier(.16,1,.3,1)}.gen-meta{font-size:12px;color:var(--ink-faded);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-bottom:32px}.gen-fact-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 24px;text-align:left}.gen-fact-label{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.gen-fact-text{font-family:var(--font-display);font-size:17px;line-height:1.4;color:var(--ink);font-style:italic;animation:factFade .6s ease}@keyframes factFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.step-result{padding-top:16px}.result-header{justify-content:space-between;padding:8px 0 24px}.result-brand,.result-header{display:flex;align-items:center}.result-brand{gap:8px;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em}.result-brand .italic{font-style:italic;color:var(--accent);font-weight:400}.logo-mark-sm{width:22px;height:22px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-mark-sm:after{content:"";width:8px;height:8px;background:var(--bg-card);border-radius:50%}.result-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--accent);padding:6px 12px;background:var(--accent-bg);border:1px solid var(--accent-soft);border-radius:var(--radius-pill);margin-bottom:16px}.result-tag .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.result-title{margin-bottom:28px}.result-tabs{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-bottom:20px}.result-tab{display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);transition:all .2s ease;text-align:left}.result-tab:hover{border-color:var(--accent-soft)}.result-tab.active{border-color:var(--accent);background:var(--accent-bg)}.tab-num{font-family:var(--font-display);font-style:italic;font-size:13px;font-weight:400;color:var(--accent);line-height:1;margin-bottom:4px}.tab-label{font-size:13px;font-weight:500;color:var(--ink);line-height:1.2}.compare-slider{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--line);cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;box-shadow:var(--shadow-md);margin-bottom:16px}.compare-image{inset:0;width:100%;object-fit:cover}.compare-before-wrap,.compare-image{position:absolute;height:100%;pointer-events:none}.compare-before-wrap{top:0;left:0;overflow:hidden}.compare-before-image{width:100vw;max-width:720px}.compare-label{position:absolute;top:12px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:5px 10px;border-radius:var(--radius-pill);color:var(--ink);pointer-events:none;transition:opacity .2s ease}.compare-label-before{left:12px}.compare-label-after{right:12px}.compare-handle{width:0;z-index:5;pointer-events:none}.compare-handle,.compare-handle-line{position:absolute;top:0;height:100%;transform:translateX(-50%)}.compare-handle-line{left:50%;width:2px;background:white;box-shadow:0 0 8px rgba(0,0,0,.3)}.compare-handle-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.2)}.result-caption{font-size:15px;line-height:1.5;color:var(--ink-soft);margin-bottom:24px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md)}.result-caption strong{color:var(--ink);font-weight:600}.result-actions{display:flex;gap:8px;margin-bottom:28px}.result-disclaimer{background:var(--bg-warm);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:32px;font-size:13px}.result-disclaimer strong{display:block;font-weight:600;color:var(--ink);margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.result-disclaimer p{color:var(--ink-dim);line-height:1.5}.email-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;margin-bottom:40px}.email-title{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.015em;margin-bottom:6px}.email-desc{font-size:14px;color:var(--ink-soft);margin-bottom:16px;line-height:1.5}.email-form{display:flex;flex-direction:column;gap:10px}.email-input{padding:14px 18px;font-size:15px;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-pill);width:100%;outline:none;transition:border-color .2s ease;font-family:var(--font-body)}.email-input:focus{border-color:var(--accent)}.email-btn{margin-top:0}.email-success{background:var(--accent-bg);border:1px solid var(--accent-soft);color:var(--accent);padding:16px;border-radius:var(--radius-md);text-align:center;font-weight:500;font-size:15px;margin-bottom:40px}.affiliate-section{margin-top:40px;padding-top:40px;border-top:1px solid var(--line)}.affiliate-header{margin-bottom:28px;text-align:center}.eyebrow-tag{display:inline-block;font-size:12px;font-weight:500;color:var(--accent);padding:6px 12px;background:var(--accent-bg);border:1px solid var(--accent-soft);border-radius:var(--radius-pill);margin-bottom:16px}.affiliate-title{font-family:var(--font-display);font-size:clamp(26px,5vw,32px);line-height:1.1;font-weight:500;letter-spacing:-.02em;margin-bottom:12px}.affiliate-title em{font-style:italic;color:var(--accent);font-weight:400}.affiliate-desc{font-size:14px;line-height:1.5;color:var(--ink-dim);max-width:480px;margin:0 auto}.affiliate-tier{margin-bottom:28px}.tier-header{margin-bottom:14px}.tier-title{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.015em;color:var(--ink)}.tier-subtitle{font-size:13px;color:var(--ink-dim);margin-top:2px}.affiliate-grid{display:grid;grid-gap:12px;gap:12px}.affiliate-card{display:flex;flex-direction:column;padding:18px 20px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);position:relative;transition:all .2s ease;text-decoration:none}.affiliate-card:hover{border-color:var(--accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-md)}.affiliate-badge{position:absolute;top:-8px;right:12px;background:var(--accent);color:white;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-pill)}.affiliate-name{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.015em;color:var(--ink);margin-bottom:4px}.affiliate-tagline{font-size:13px;color:var(--ink-dim);line-height:1.4;margin-bottom:12px}.affiliate-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.affiliate-price{font-size:14px;font-weight:600;color:var(--accent)}.affiliate-arrow{font-size:18px;color:var(--ink-dim);transition:transform .2s ease}.affiliate-card:hover .affiliate-arrow{color:var(--accent);transform:translateX(4px)}.result-restart{text-align:center;padding:40px 0 20px}.step-error{text-align:center;padding-top:100px}@media (min-width:640px){.step{padding:32px 32px 80px}.step-title{font-size:clamp(40px,5vw,52px)}.idle-title{font-size:clamp(56px,7vw,80px)}.tips{grid-template-columns:repeat(3,1fr)}.option-grid{grid-template-columns:repeat(2,1fr)}.color-grid{grid-template-columns:repeat(3,1fr)}.result-actions{gap:12px}.affiliate-grid,.result-tabs{grid-template-columns:repeat(2,1fr)}.email-form{flex-direction:row}.email-input{flex:1 1}.email-btn{width:auto;flex-shrink:0}}@media (min-width:768px){.step-idle{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.idle-preview{margin-top:0}.affiliate-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.step{padding:40px 40px 100px}}.why-section{margin-top:40px;padding-top:40px;border-top:1px solid var(--line)}.why-header{text-align:center;margin-bottom:28px}.why-title{font-family:var(--font-display);font-size:clamp(26px,5vw,32px);line-height:1.1;font-weight:500;letter-spacing:-.02em;margin-bottom:10px;margin-top:16px}.why-title em{font-style:italic;color:var(--accent);font-weight:400}.why-desc{font-size:14px;line-height:1.5;color:var(--ink-dim);max-width:420px;margin:0 auto}.why-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.why-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 22px;transition:all .2s ease}.why-card:hover{border-color:var(--accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-md)}.why-num{font-style:italic;font-size:28px;font-weight:300;color:var(--accent);line-height:1;display:block;margin-bottom:12px;opacity:.9}.why-card-title,.why-num{font-family:var(--font-display)}.why-card-title{font-size:17px;font-weight:500;letter-spacing:-.015em;color:var(--ink);line-height:1.25;margin-bottom:6px}.why-card-desc{font-size:14px;line-height:1.5;color:var(--ink-dim)}@media (min-width:640px){.why-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (min-width:1024px){.why-grid{grid-template-columns:repeat(3,1fr)}}.popup-overlay{position:fixed;inset:0;background:rgba(26,22,20,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:popupFadeIn .3s ease}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.popup-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:28px 24px 24px;width:100%;max-width:460px;box-shadow:0 30px 80px -10px rgba(26,22,20,.35);position:relative;animation:popupSlideUp .4s cubic-bezier(.16,1,.3,1);border:1px solid var(--line)}@keyframes popupSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--bg-warm);display:flex;align-items:center;justify-content:center;color:var(--ink-dim);transition:all .2s ease}.popup-close:hover{background:var(--line-strong);color:var(--ink)}.popup-close svg{width:16px;height:16px}.popup-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--accent);padding:5px 12px;background:var(--accent-bg);border:1px solid var(--accent-soft);border-radius:var(--radius-pill);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.popup-title{font-family:var(--font-display);font-size:clamp(24px,6vw,30px);line-height:1.15;font-weight:500;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px}.popup-title em{font-style:italic;color:var(--accent);font-weight:400}.popup-desc{font-size:14px;line-height:1.55;color:var(--ink-soft);margin-bottom:20px}.popup-form{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.popup-input{padding:14px 18px;font-size:15px;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-pill);width:100%;outline:none;transition:border-color .2s ease;font-family:var(--font-body)}.popup-input:focus{border-color:var(--accent)}.popup-input:disabled{opacity:.6;cursor:not-allowed}.popup-submit{background:var(--ink);color:var(--bg);padding:14px 24px;font-weight:500;font-size:15px;border-radius:var(--radius-pill);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.popup-submit:hover:not(:disabled){background:var(--accent);transform:translateY(-1px)}.popup-submit:disabled{opacity:.5;cursor:not-allowed}.popup-error{font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:8px 14px;border-radius:var(--radius-sm);margin-bottom:8px}.popup-decline{display:block;margin:8px auto 0;font-size:13px;color:var(--ink-dim);padding:8px 12px;transition:color .2s ease}.popup-decline:hover{color:var(--ink)}.popup-success{text-align:center;padding:8px 0}.popup-success-icon{width:56px;height:56px;background:var(--accent-bg);border:2px solid var(--accent-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--accent);animation:successPop .5s cubic-bezier(.16,1,.3,1)}@keyframes successPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.popup-success-icon svg{width:28px;height:28px}@media (min-width:640px){.popup-overlay{align-items:center}.popup-form{flex-direction:row}.popup-input{flex:1 1}.popup-submit{flex-shrink:0}}