:root{color:#0a1628;background:#f6f8f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #071427;--green: #16a34a;--green-dark: #0f7d3a;--cyan: #13a4bd;--amber: #f4b23f;--red: #d04b43;--ink: #102033;--muted: #657184;--line: #dfe7e2;--surface: #ffffff;--soft: #edf6f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer}.topbar{align-items:center;background:#f6f8f7eb;border-bottom:1px solid rgba(7,20,39,.08);display:flex;gap:24px;justify-content:space-between;left:0;padding:14px clamp(18px,4vw,64px);position:sticky;right:0;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{align-items:center;display:inline-flex;font-weight:800;gap:10px}.brand img,footer img{border-radius:8px;height:36px;object-fit:cover;width:36px}nav{display:flex;gap:clamp(14px,3vw,34px);color:#425066;font-size:.94rem;font-weight:700}.nav-recharge{background:var(--green);border-radius:8px;color:#fff;margin-block:-8px;padding:8px 14px}.hero{background:linear-gradient(112deg,#fffffff2,#edf6f0f0 54%,#e6f4f9f5),url(/assets/logo-grand-format-D09Ecg-d.jpeg) center / cover;min-height:calc(100vh - 65px);padding:clamp(34px,5vw,70px) clamp(18px,4vw,64px) 48px}.hero-content{align-items:center;display:grid;gap:clamp(36px,6vw,90px);grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr);margin:0 auto;max-width:1180px}.hero-copy{max-width:660px}.hero-logo{background:#fff;border:1px solid rgba(7,20,39,.08);border-radius:8px;height:78px;object-fit:cover;width:78px}.eyebrow{color:var(--green-dark);font-size:.8rem;font-weight:900;margin:18px 0 10px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:var(--navy);font-size:clamp(4rem,13vw,8.8rem);line-height:.86;margin-bottom:28px}h2{color:var(--navy);font-size:clamp(2rem,5vw,4.3rem);line-height:1;margin-bottom:18px}h3{color:var(--ink);font-size:1.05rem;margin-bottom:10px}.lead{color:#334155;font-size:clamp(1.06rem,2vw,1.28rem);line-height:1.65;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary-action,.secondary-action{align-items:center;border-radius:8px;display:inline-flex;font-weight:850;gap:10px;justify-content:center;min-height:48px;padding:0 18px}.primary-action{background:var(--green);color:#fff;box-shadow:0 14px 30px #16a34a40}.secondary-action{background:#fff;border:1px solid var(--line);color:var(--navy)}.phone-shell{background:var(--navy);border:9px solid #111827;border-radius:34px;box-shadow:0 32px 80px #07142747;color:#fff;justify-self:center;max-width:385px;min-height:700px;overflow:hidden;padding:18px;width:100%}.phone-status,.app-head,.quick-actions,.progress-item,.payment-row,.panel-title{align-items:center;display:flex}.phone-status{color:#ffffffbf;font-size:.82rem;justify-content:space-between;margin-bottom:18px}.app-head{justify-content:space-between;margin-bottom:18px}.app-head img{border-radius:8px;height:48px;object-fit:cover;width:48px}.app-head button{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:inline-flex;height:42px;justify-content:center;width:42px}.balance-panel{background:linear-gradient(135deg,#19b85c,#13a4bd);border-radius:8px;margin-bottom:16px;padding:22px}.balance-panel span,.balance-panel p,.transaction span{color:var(--muted);display:block;font-size:.88rem}.balance-panel span,.balance-panel p{color:#ffffffd6}.balance-panel strong{display:block;font-size:1.75rem;margin:8px 0}.balance-panel p{margin-bottom:0}.quick-actions{background:#ffffff14;border-radius:8px;gap:8px;margin-bottom:18px;padding:8px}.quick-actions button{align-items:center;background:transparent;border-radius:8px;color:#ffffffb8;display:inline-flex;flex:1;gap:8px;justify-content:center;min-height:44px}.quick-actions .active{background:#fff;color:var(--navy)}.progress-list{display:grid;gap:11px}.progress-item{background:#ffffff14;border:1px solid rgba(255,255,255,.09);border-radius:8px;gap:12px;min-height:56px;padding:0 14px}.progress-item svg{color:#4ade80;flex:0 0 auto}.progress-item:last-child svg{color:var(--amber)}.payment-row{gap:10px;margin-top:18px}.payment-row span{background:#fff;border-radius:8px;color:var(--navy);flex:1;font-size:.85rem;font-weight:900;min-height:40px;padding:10px 6px;text-align:center}.feature-band,.recharge-band,.journey-band,.split-band{padding:clamp(56px,8vw,110px) clamp(18px,4vw,64px)}.section-heading,.recharge-copy,.journey-copy{margin:0 auto 34px;max-width:920px}.section-heading{text-align:center}.section-heading h2,.journey-copy h2{font-size:clamp(2rem,5vw,3.8rem)}.feature-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1180px}.feature-card,.flow-step,.history-panel,.trust-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px}.feature-card{min-height:228px;padding:24px}.feature-card svg{color:var(--green);margin-bottom:18px}.feature-card p,.recharge-copy p,.journey-copy p,.flow-step p,.trust-panel li{color:var(--muted);line-height:1.65}.recharge-band{background:linear-gradient(180deg,#f6f8f7,#fff)}.recharge-page{min-height:calc(100vh - 65px)}.recharge-page h1{font-size:clamp(3.2rem,9vw,6.8rem);margin-bottom:22px}.back-link{color:var(--green-dark);display:inline-block;font-weight:900;margin-bottom:10px}.recharge-form{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 54px #07142714;display:grid;gap:22px;margin:0 auto;max-width:980px;padding:clamp(18px,4vw,34px)}.recharge-form fieldset{border:0;margin:0;padding:0}.recharge-form legend,.form-field>span{color:var(--ink);display:block;font-size:.9rem;font-weight:900;margin-bottom:10px}.bookmaker-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.bookmaker-option{align-items:center;background:#f8faf9;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;min-height:82px;padding:12px}.bookmaker-option.selected{background:var(--soft);border-color:#16a34a9e;box-shadow:inset 0 0 0 1px #16a34a2e}.bookmaker-option input{accent-color:var(--green);flex:0 0 auto}.bookmaker-option img,.summary-account img{background:#fff;border:1px solid var(--line);border-radius:8px;flex:0 0 auto;height:46px;object-fit:contain;padding:6px;width:62px}.bookmaker-option span,.summary-account span{display:grid;gap:4px;min-width:0}.bookmaker-option small,.summary-account small{color:var(--muted);font-size:.82rem}.form-grid{display:grid;gap:14px;grid-template-columns:1.1fr .9fr .9fr}.form-field input,.form-field select,.amount-input{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--navy);min-height:52px;width:100%}.form-field input,.form-field select{padding:0 14px}.amount-input{align-items:center;display:flex;gap:10px;padding:0 14px}.amount-input svg{color:var(--green);flex:0 0 auto}.amount-input input{border:0;min-height:auto;padding:0}.amount-input input:focus{outline:none}.amount-input strong{color:var(--muted);font-size:.78rem;white-space:nowrap}.quick-amounts{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.quick-amounts button{background:#f1f6f3;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:850;min-height:44px}.quick-amounts button.selected{background:var(--green);border-color:var(--green);color:#fff}.recharge-summary{background:#f8faf9;border:1px solid var(--line);border-radius:8px;display:grid;gap:18px;grid-template-columns:1.05fr 1fr;padding:18px}.summary-account{align-items:center;display:flex;gap:13px;min-width:0}.summary-account strong{color:var(--navy)}.recharge-summary dl{display:grid;gap:10px;margin:0}.recharge-summary dl div{align-items:center;display:flex;gap:12px;justify-content:space-between}.recharge-summary dt{color:var(--muted)}.recharge-summary dd{color:var(--navy);font-weight:900;margin:0;text-align:right}.submit-recharge{align-items:center;background:var(--navy);border-radius:8px;color:#fff;display:inline-flex;font-weight:900;gap:10px;justify-content:center;justify-self:end;min-height:52px;padding:0 20px}.submit-feedback{background:var(--soft);border:1px solid rgba(22,163,74,.26);border-radius:8px;color:var(--green-dark);font-weight:800;margin:0;padding:14px 16px}.journey-band{background:#fff}.flow{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1180px}.flow-step{padding:22px}.flow-step span{color:var(--cyan);display:block;font-size:1.85rem;font-weight:900;margin-bottom:22px}.split-band{display:grid;gap:18px;grid-template-columns:1.25fr .75fr;margin:0 auto;max-width:1308px}.history-panel,.trust-panel{padding:clamp(22px,4vw,34px)}.panel-title{gap:10px;margin-bottom:22px}.panel-title h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:0}.panel-title svg{color:var(--green)}.transaction-list{display:grid;gap:10px}.transaction{align-items:center;background:#f8faf9;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;gap:16px;min-height:74px;padding:14px 16px}.transaction>div:last-child{text-align:right}.status{font-weight:900}.status.reussi{color:var(--green-dark)}.status.en-cours{color:var(--amber)}.status.rembourse{color:var(--red)}.trust-panel ul{display:grid;gap:13px;margin:0;padding-left:18px}footer{align-items:center;background:#fff;border-top:1px solid var(--line);color:var(--ink);display:grid;gap:14px;grid-template-columns:1fr auto 1fr;padding:26px 18px}footer span{font-weight:900}.footer-brand,.footer-support{align-items:center;display:inline-flex;gap:8px}.footer-contacts{align-items:center;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center}.footer-contacts a,.footer-support{color:var(--green-dark);font-weight:850}.footer-support{justify-self:end}@media(max-width:920px){nav{display:none}.hero{min-height:auto}.hero-content,.form-grid,.recharge-summary,.split-band{grid-template-columns:1fr}.phone-shell{max-width:360px;min-height:650px}.feature-grid,.bookmaker-grid,.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.topbar{padding-inline:16px}h1{font-size:4.2rem}.hero-actions,footer,.transaction{align-items:stretch}.primary-action,.secondary-action{width:100%}.feature-grid,.bookmaker-grid,.quick-amounts,.flow{grid-template-columns:1fr}.transaction>div:last-child{text-align:left}footer,.footer-contacts{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-brand,.footer-support{justify-self:center}.submit-recharge{width:100%}}