:root{--ink: #090909;--charcoal: #111111;--panel: rgba(8, 8, 8, .72);--line: rgba(255, 255, 255, .08);--line-strong: rgba(200, 168, 107, .62);--gold: #c8a86b;--gold-bright: #dfc17f;--muted: rgba(255, 255, 255, .72);--red: #7f2525}*{box-sizing:border-box}html{background:var(--ink)}body{min-height:100svh;margin:0;color:#fff;font-family:Avenir Next,Montserrat,Helvetica Neue,sans-serif;background:radial-gradient(circle at 16% 12%,rgba(200,168,107,.09),transparent 28rem),radial-gradient(circle at 84% 18%,rgba(127,37,37,.14),transparent 26rem),linear-gradient(135deg,#090909,#121212 44%,#080808);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 78%,transparent)}button,input{font:inherit}button{cursor:pointer}#root{position:relative;z-index:1;min-height:100svh}@keyframes stageIn{0%{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes imageDrift{0%{transform:scale(1.012)}to{transform:scale(1.045)}}.bp-shell{min-height:100svh;display:flex;flex-direction:column}.bp-header{width:min(1440px,100%);margin:0 auto;padding:24px clamp(20px,4vw,56px) 10px;display:flex;align-items:center;justify-content:space-between}.bp-wordmark{display:inline-flex;align-items:baseline;gap:9px;color:#fff;font-size:.98rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.bp-wordmark span{color:var(--gold);font-size:.74rem;letter-spacing:.24em}.bp-phase{color:#ffffff75;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.bp-main{flex:1;width:min(1440px,100%);margin:0 auto;padding:clamp(18px,3vw,42px) clamp(20px,4vw,56px) clamp(26px,4vw,56px);display:flex;align-items:center;justify-content:center}.intro-hero,.lead-card,.success-card{width:min(760px,100%);margin:0 auto;padding:clamp(30px,5vw,58px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#141414db,#080808d1),radial-gradient(circle at top left,rgba(200,168,107,.11),transparent 23rem);box-shadow:0 34px 100px #00000080;animation:stageIn .26s ease-out both}.success-card{text-align:center}.intro-hero{width:100%;min-height:min(760px,calc(100svh - 150px));display:grid;place-items:center;position:relative;overflow:hidden;border-color:#ffffff1c;background-image:linear-gradient(90deg,#00000094,#0003 45%,#00000094),linear-gradient(180deg,#0000002e,#000000c2),url(/images/application/hero-intro-hook.png);background-size:cover;background-position:center center;box-shadow:0 42px 130px #000000a3;isolation:isolate}.intro-hero:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.2),transparent 18rem),linear-gradient(90deg,rgba(8,8,8,.26),transparent 28%,transparent 72%,rgba(8,8,8,.32));pointer-events:none}.intro-content{width:min(720px,calc(100% - 48px));position:relative;z-index:1;padding:clamp(30px,4vw,52px);border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,#090909b8,#09090994),radial-gradient(circle at 50% 0%,rgba(200,168,107,.12),transparent 18rem);box-shadow:0 30px 90px #00000085,inset 0 1px #ffffff0f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center}.brand-label,.kicker,.progress-count,.field-label,.score-row{text-transform:uppercase}.brand-label{margin-bottom:10px;color:#ffffffb8;font-size:.72rem;font-weight:900;letter-spacing:.25em}.crest{width:64px;height:64px;margin:0 auto 24px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(200,168,107,.28);border-radius:50%;background:#c8a86b14;box-shadow:inset 0 0 24px #c8a86b17}.icon-xs{width:1rem;height:1rem}.icon-sm{width:1.25rem;height:1.25rem}.icon-lg{width:2rem;height:2rem}.icon-xl{width:2.5rem;height:2.5rem}.kicker{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.22em}.intro-title,.lead-title,.success-title{margin:14px 0 16px;font-size:clamp(2.25rem,5vw,5rem);line-height:.94;font-weight:900;letter-spacing:0;text-transform:uppercase}.intro-title{max-width:680px;margin-inline:auto;font-size:clamp(2.45rem,5vw,5.1rem)}.lead-title,.success-title{font-size:clamp(2rem,4vw,4.2rem)}.intro-copy,.lead-copy,.success-copy{color:var(--muted);font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.65}.intro-support{margin:18px auto 0;max-width:600px;color:#ffffffdb;font-size:clamp(.94rem,1.2vw,1.06rem);font-weight:800;line-height:1.5}.primary-btn,.secondary-btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:16px;padding:15px 22px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.primary-btn{color:#12100b;background:linear-gradient(135deg,var(--gold),var(--gold-bright));box-shadow:0 18px 36px #c8a86b38}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 22px 44px #c8a86b47}.primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-btn{color:#ffffffb8;background:#ffffff09;border-color:var(--line)}.secondary-btn:hover{color:#fff;border-color:#c8a86b61;background:#ffffff0f}.intro-cta{width:auto;margin-top:2rem}.question-stage{width:100%;min-height:min(720px,calc(100svh - 150px));aspect-ratio:16 / 9;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:clamp(24px,2.4vw,32px);background:#111;box-shadow:0 42px 130px #000000a3;animation:stageIn .28s ease-out both;isolation:isolate}.question-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;z-index:0;pointer-events:none;animation:imageDrift 11s ease-in-out alternate infinite}.question-stage:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0000003d,#0000002e 38%,#000000bd 68%,#000000f0),linear-gradient(180deg,#0000001f,#0000008a);pointer-events:none}.question-stage:after{content:"BP ELITE";position:absolute;left:clamp(24px,3vw,44px);bottom:clamp(22px,3vw,42px);z-index:2;color:#ffffff29;font-size:clamp(.7rem,1vw,.86rem);font-weight:800;letter-spacing:.32em;text-transform:uppercase;pointer-events:none}.question-panel{position:absolute;z-index:3;right:clamp(28px,4vw,56px);top:50%;width:clamp(380px,34vw,520px);max-height:min(82vh,calc(100% - 64px));transform:translateY(-50%);display:flex;flex-direction:column;overflow:hidden;padding:clamp(26px,2.45vw,36px);border:1px solid var(--line);border-radius:24px;background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px #00000085,inset 0 1px #ffffff0a}.question-header,.panel-nav{flex-shrink:0}.progress-row{margin-top:16px;display:flex;align-items:center;gap:14px}.progress-track{flex:1;height:5px;overflow:hidden;border-radius:99px;background:#ffffff14}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 18px #c8a86b70;transition:width .26s ease}.progress-count{flex:0 0 auto;color:#ffffff94;font-size:.72rem;font-weight:800;letter-spacing:.13em}.question-title{margin:18px 0 0;color:#fff;font-size:clamp(1.55rem,2.2vw,2.35rem);line-height:1.03;font-weight:900;letter-spacing:0}.question-subtitle{margin:12px 0 0;color:var(--muted);font-size:clamp(.95rem,1vw,1.05rem);line-height:1.48}.options-list,.scale-grid{margin-top:20px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.options-list{display:grid;gap:11px;scrollbar-width:thin;scrollbar-color:rgba(200,168,107,.44) rgba(255,255,255,.06)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:99px}.options-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a86bb8,#7f252580);border-radius:99px}.option-btn{width:100%;min-height:58px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#ffffffeb;background:#ffffff08;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.option-btn:hover{transform:translateY(-1px);border-color:#c8a86b75;background:#ffffff0f;box-shadow:0 14px 28px #00000047}.option-btn.is-selected{border-color:var(--line-strong);background:linear-gradient(135deg,#c8a86b21,#ffffff0b);box-shadow:inset 0 0 0 1px #c8a86b1f,0 0 28px #c8a86b1c}.option-label{font-size:clamp(.98rem,1.1vw,1.08rem);font-weight:700;line-height:1.25}.option-indicator{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;transition:border-color .18s ease,background .18s ease}.option-btn.is-selected .option-indicator{border-color:var(--gold);background:#c8a86b1f}.option-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px #c8a86bad}.scale-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.scale-btn{aspect-ratio:1;min-height:50px;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#ffffffe6;background:#ffffff09;font-size:1.05rem;font-weight:900;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.scale-btn:hover{transform:translateY(-1px);border-color:#c8a86b80;background:#ffffff12}.scale-btn.is-selected{color:#171109;border-color:var(--gold);background:linear-gradient(135deg,var(--gold),var(--gold-bright));box-shadow:0 12px 26px #c8a86b38}.panel-nav{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-nav .primary-btn,.panel-nav .secondary-btn{min-height:50px;padding:13px 18px;font-size:.78rem}.lead-form{margin-top:30px;display:grid;gap:18px;text-align:left}.field-label{display:block;margin-bottom:9px;color:#ffffffbf;font-size:.76rem;font-weight:900;letter-spacing:.16em}.field-label span,.error-text{color:#d97767}.error-text{margin:.5rem 0 0;font-size:.875rem}.text-input{width:100%;min-height:60px;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0 18px;color:#fff;background:#ffffff09;font-size:1.05rem;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.text-input:focus{border-color:#c8a86bb3;background:#ffffff0e;box-shadow:0 0 0 4px #c8a86b1a}.text-input.has-error{border-color:#d97767d1}.field-note{margin-top:8px;color:#ffffff6b;font-size:.84rem}.score-card{margin:26px 0;padding:22px;border:1px solid var(--line);border-radius:22px;background:#ffffff09;text-align:left}.score-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;color:#ffffff9e;font-size:.78rem;font-weight:800;letter-spacing:.14em}.score-row+.score-row{border-top:1px solid var(--line)}.score-value{color:#fff;font-size:1rem;letter-spacing:0;text-transform:none}.score-value.gold{color:var(--gold);font-size:1.25rem;font-weight:900}.align-left{text-align:left}@media(max-width:980px){.bp-header{padding-top:20px}.bp-phase{display:none}.bp-main{align-items:flex-start}.question-stage{min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;overflow:visible;border-radius:26px;background:#0a0a0adb}.question-image{position:relative;height:clamp(260px,42vw,340px);border-radius:26px 26px 0 0;animation:none}.question-stage:before{height:clamp(260px,42vw,340px);bottom:auto;border-radius:26px 26px 0 0;background:linear-gradient(180deg,#0000000a,#00000070)}.question-stage:after{top:clamp(232px,38vw,310px);bottom:auto;left:24px}.question-panel{position:relative;inset:auto;width:100%;max-height:none;transform:none;overflow:visible;border-radius:0 0 26px 26px;border-width:1px 0 0;padding:24px;background:#080808e6}.options-list,.scale-grid{flex:none;overflow:visible;padding-right:0}.question-title{font-size:clamp(1.82rem,8vw,2.65rem)}.panel-nav{flex-direction:column-reverse}.panel-nav .primary-btn,.panel-nav .secondary-btn{width:100%}}@media(max-width:560px){.bp-main{padding-inline:14px}.intro-hero{min-height:clamp(520px,calc(100svh - 94px),680px);padding:18px 0;border-radius:24px;background-position:center center}.intro-content{width:calc(100% - 28px);padding:26px 18px;border-radius:22px}.brand-label{font-size:.66rem}.intro-title{font-size:clamp(2.05rem,11vw,3.15rem);line-height:.98}.intro-copy{font-size:.97rem;line-height:1.55}.intro-support{font-size:.9rem}.lead-card,.success-card{border-radius:24px;padding:26px 20px}.question-panel{padding:24px 18px}.option-btn{min-height:62px}.scale-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.intro-cta{width:100%}}