:root{
  --bg:#050505;
  --panel:#0a0a0a;
  --panel-soft:rgba(12,12,12,.90);
  --gold:#d4af37;
  --gold-2:#f6d76d;
  --gold-dark:#7a5410;
  --text:#f7f4ec;
  --muted:#a9a39a;
  --line:rgba(212,175,55,.27);
  --danger:#ff7b7b;
  --radius:28px;
  --shadow:0 34px 90px rgba(0,0,0,.62);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:"Segoe UI",Arial,sans-serif;background:#050505}
button,input,textarea,select{font:inherit}
button{-webkit-tap-highlight-color:transparent}
.ambient{position:fixed;inset:0;z-index:-4;background-image:url("../images/background.webp");background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.95) contrast(1.04)}
.ambient::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(212,175,55,.10),transparent 30%),radial-gradient(circle at 50% 55%,rgba(0,0,0,.22),rgba(0,0,0,.78) 67%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.72));}
.grain{position:fixed;inset:0;z-index:-3;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.site-shell{width:min(1040px,calc(100% - 34px));min-height:100vh;margin:0 auto;padding:22px 0 24px;display:flex;flex-direction:column;justify-content:center}
.brand{display:flex;justify-content:center;align-items:center;margin:0 auto 12px;position:relative;z-index:2}
.brand img{display:block;width:clamp(230px,27vw,330px);height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5))}
.form-shell{position:relative;width:100%;min-height:650px;padding:clamp(27px,4.5vw,54px);overflow:hidden;border:1px solid rgba(212,175,55,.58);border-radius:var(--radius);background:linear-gradient(180deg,rgba(15,15,15,.91),rgba(5,5,5,.95));box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.015) inset,0 0 46px rgba(212,175,55,.065);backdrop-filter:blur(17px)}
.form-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 95% 0%,rgba(212,175,55,.09),transparent 29%),linear-gradient(112deg,transparent 0 37%,rgba(255,220,100,.028) 50%,transparent 63%)}
.top-shine{position:absolute;top:-1px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-2),transparent);box-shadow:0 0 22px rgba(247,210,91,.5)}
.progress-wrap{position:relative;z-index:3;margin-bottom:42px}
.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;color:#c2bbb0;font-size:11px;text-transform:uppercase;letter-spacing:.14em}
#progressPercent{color:var(--gold-2);font-weight:800}
.progress-track{height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.progress-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c5510,#d4af37 48%,#f7de7b);box-shadow:0 0 15px rgba(212,175,55,.26);transition:width .42s cubic-bezier(.2,.8,.2,1)}
.step{display:none;position:relative;z-index:2;animation:stepIn .34s ease both}
.step.active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.step-welcome{max-width:880px;margin:64px auto 0;text-align:left}
.micro-title,.step-kicker{color:var(--gold);font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.19em;margin-bottom:14px}
.micro-crown{font-size:13px}
h1,h2{margin:0;font-family:"Arial Black","Segoe UI",Arial,sans-serif;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(35px,5.6vw,65px);line-height:1.02;max-width:920px}
h1 span{color:var(--gold-2);text-shadow:0 0 24px rgba(212,175,55,.12)}
h2{font-size:clamp(28px,4.3vw,46px);line-height:1.06;max-width:850px}
.step-intro,.lead{color:#bbb5aa;line-height:1.72}
.step-intro{max-width:720px;margin:15px 0 29px;font-size:15px}.lead{max-width:660px;margin:18px 0 30px;font-size:16px}.lead.compact{margin-inline:auto}
.ornament{display:flex;align-items:center;justify-content:center;gap:13px;margin:31px 0 34px;color:var(--gold);opacity:.88}.ornament i{display:block;width:min(210px,28vw);height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.ornament b{font-size:21px}
.btn{min-height:52px;padding:0 23px;border:0;border-radius:13px;cursor:pointer;font-weight:900;font-size:13px;letter-spacing:.015em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.btn:active{transform:translateY(1px)}
.btn-primary{color:#090909;background:linear-gradient(135deg,#916714,#d4af37 46%,#ffe985 72%,#a97818);box-shadow:0 11px 28px rgba(0,0,0,.38),0 0 23px rgba(212,175,55,.15)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(0,0,0,.45),0 0 32px rgba(212,175,55,.28)}
.btn-secondary{color:#d8d3ca;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.btn-secondary:hover{color:var(--gold-2);border-color:rgba(212,175,55,.38)}
.btn-start{min-width:190px;height:58px;font-size:14px}
.field{display:block;margin-bottom:23px}.field-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#f1eee7;font-size:13px;font-weight:800}.field-label small{color:#77736d;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.field-label b{color:var(--gold)}
.field input,.field textarea,.field select{width:100%;color:#fff;outline:none;border:1px solid rgba(212,175,55,.25);border-radius:14px;background:rgba(255,255,255,.046);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input,.field select{height:54px;padding:0 16px}.field textarea{min-height:145px;padding:16px;resize:vertical;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#706d67}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(212,175,55,.86);background:rgba(255,255,255,.067);box-shadow:0 0 0 3px rgba(212,175,55,.10),0 0 24px rgba(212,175,55,.08)}.field .invalid{border-color:rgba(255,123,123,.85);box-shadow:0 0 0 3px rgba(255,123,123,.08)}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 20px) 23px,calc(100% - 14px) 23px;background-size:6px 6px;background-repeat:no-repeat}.field select option{background:#111;color:#fff}.field em{display:block;margin-top:8px;color:#79756f;font-style:normal;font-size:11px}.field-error{display:block;min-height:16px;margin-top:7px;color:var(--danger);font-size:11px;font-weight:700}
.grid-2{display:grid;grid-template-columns:1fr 1.35fr;gap:16px}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:33px}.centered-actions{justify-content:center}.centered{text-align:center;max-width:740px;margin:55px auto 0}.round-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 22px;border:1px solid rgba(212,175,55,.46);border-radius:50%;color:var(--gold-2);font-size:29px;box-shadow:inset 0 0 25px rgba(212,175,55,.06),0 0 30px rgba(212,175,55,.08)}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice-card{position:relative;min-height:178px;padding:22px 18px;cursor:pointer;border:1px solid rgba(212,175,55,.18);border-radius:17px;background:rgba(255,255,255,.026);transition:.2s ease}.choice-card:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.44)}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-dot{display:block;width:20px;height:20px;margin-bottom:27px;border:1px solid rgba(212,175,55,.56);border-radius:50%}.choice-card input:checked+.choice-dot{border:5px solid var(--gold);background:#0a0a0a;box-shadow:0 0 15px rgba(212,175,55,.23)}.choice-card:has(input:checked){border-color:rgba(212,175,55,.76);background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(255,255,255,.025));box-shadow:0 0 24px rgba(212,175,55,.06)}.choice-card strong{display:block;margin-bottom:8px;color:#f4f0e8;font-size:14px}.choice-card small{color:#8f8a82;line-height:1.55;font-size:11px}
.recap{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recap-item{min-height:84px;padding:14px 16px;border:1px solid rgba(212,175,55,.14);border-radius:13px;background:rgba(255,255,255,.026)}.recap-item.wide{grid-column:1/-1}.recap-item span{display:block;margin-bottom:6px;color:var(--gold);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.recap-item p{margin:0;color:#dedad3;line-height:1.5;font-size:13px;white-space:pre-wrap}.privacy-note{display:flex;align-items:flex-start;gap:13px;margin-top:20px;padding:15px 17px;border-left:2px solid var(--gold);background:rgba(212,175,55,.04);color:#99938a;font-size:11px;line-height:1.55}.privacy-note>span{color:var(--gold);font-size:18px}.privacy-note strong{color:#d9d4cb}.privacy-note p{margin:2px 0 0}
.loading-view,.success-view,.error-view{position:relative;z-index:2;min-height:485px;display:grid;align-content:center;justify-items:center;text-align:center}.loading-view h2,.success-view h2,.error-view h2{max-width:690px}.loading-copy,.error-view p{max-width:560px;margin:20px auto 0;color:#98928a;line-height:1.65}.banana-hero{font-size:86px;margin:22px 0 3px;animation:bananaFloat 1.15s ease-in-out infinite alternate;filter:drop-shadow(0 13px 12px rgba(0,0,0,.55))}.banana-percent{color:var(--gold-2);font-family:"Arial Black",Arial,sans-serif;font-size:38px;margin-bottom:23px}@keyframes bananaFloat{from{transform:translateY(0) rotate(-10deg)}to{transform:translateY(-9px) rotate(5deg)}}.banana-track{position:relative;width:min(570px,88vw);height:16px;border:1px solid rgba(212,175,55,.38);border-radius:99px;background:rgba(255,255,255,.06);overflow:visible}.banana-progress{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#7a5210,#d4af37,#ffe57c);box-shadow:0 0 20px rgba(212,175,55,.26);transition:width .15s linear}.banana{position:absolute;left:0;top:50%;font-size:31px;transform:translate(-50%,-56%) rotate(-12deg);filter:drop-shadow(0 5px 5px rgba(0,0,0,.55));transition:left .15s linear}.success-badge,.error-badge{display:grid;place-items:center;width:82px;height:82px;margin-bottom:22px;border-radius:50%;font-family:"Arial Black",Arial,sans-serif;font-size:32px;font-weight:900}.success-badge{color:#080808;background:linear-gradient(135deg,#8a6111,#d4af37,#ffe882);box-shadow:0 0 34px rgba(212,175,55,.19)}.error-badge{color:#fff;background:#a73535;box-shadow:0 0 34px rgba(255,90,90,.15)}.success-view .btn,.error-view .btn{margin-top:28px}.close-hint{max-width:500px;margin-top:15px;color:#858078;font-size:11px;line-height:1.5}
.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:16px 5px 0;color:rgba(255,255,255,.38);font-size:9px;text-transform:uppercase;letter-spacing:.16em}.site-footer span:nth-child(2){color:rgba(212,175,55,.52)}.site-footer span:last-child{text-align:right}.noscript{position:fixed;inset:auto 10px 10px;padding:14px 18px;border-radius:12px;background:#240707;color:#fff;z-index:50}[hidden]{display:none!important}
@media(max-width:780px){.site-shell{width:min(100% - 18px,1040px);padding-top:12px;justify-content:flex-start}.brand{margin-bottom:8px}.brand img{width:230px}.form-shell{min-height:calc(100vh - 118px);padding:25px 18px 27px;border-radius:19px}.progress-wrap{margin-bottom:31px}.step-welcome{margin-top:44px}.grid-2,.choice-grid,.recap{grid-template-columns:1fr}.recap-item.wide{grid-column:auto}.choice-card{min-height:126px}.choice-dot{margin-bottom:16px}.actions{position:sticky;bottom:0;padding-top:14px;background:linear-gradient(to bottom,transparent,rgba(7,7,7,.97) 34%)}.site-footer{grid-template-columns:1fr 1fr}.site-footer span:nth-child(2){display:none}.ornament i{width:26vw}}
@media(max-width:460px){h1{font-size:34px}h2{font-size:28px}.brand img{width:205px}.form-shell{padding-inline:15px}.step-welcome{margin-top:38px}.actions{gap:8px}.actions .btn{flex:1;padding-inline:12px}.btn-start{width:100%}.banana-hero{font-size:70px}.banana-percent{font-size:32px}.site-footer{font-size:7px}.site-footer span:last-child{text-align:right}}
@media(max-height:760px) and (min-width:781px){.site-shell{padding-top:12px;justify-content:flex-start}.brand img{width:235px}.brand{margin-bottom:6px}.form-shell{min-height:560px;padding-top:34px;padding-bottom:34px}.step-welcome{margin-top:32px}.progress-wrap{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}