:root { --bg:#08090b; --panel:#111318; --text:#f6f5f2; --muted:#8e9098; --line:rgba(255,255,255,.12); --accent:#ff5b35; --accent-soft:#ff8b68; font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif; color-scheme:dark; }
* { box-sizing:border-box; }
html { min-height:100%; background:var(--bg); }
body { min-height:100vh; margin:0; overflow-x:hidden; color:var(--text); background:var(--bg); }
a { color:inherit; }
.ambient { position:fixed; inset:0; overflow:hidden; pointer-events:none; }
.ambient::before { content:""; position:absolute; width:760px; height:760px; right:-240px; top:-260px; border-radius:50%; background:radial-gradient(circle,rgba(255,74,36,.2),rgba(255,74,36,0) 68%); filter:blur(18px); }
.ambient::after { content:""; position:absolute; width:560px; height:560px; left:-270px; bottom:-260px; border-radius:50%; background:radial-gradient(circle,rgba(54,216,255,.11),transparent 68%); }
.ambient span { position:absolute; width:1px; height:180%; top:-40%; background:linear-gradient(transparent,rgba(255,255,255,.07),transparent); transform:rotate(24deg); }
.ambient span:nth-child(1) { left:18%; }.ambient span:nth-child(2) { left:51%; }.ambient span:nth-child(3) { left:84%; }
header,main,footer { position:relative; z-index:1; width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
header { min-height:104px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:13px; text-decoration:none; }.brand img { border-radius:13px; box-shadow:0 12px 34px rgba(0,0,0,.35); }
.brand span { display:grid; line-height:1; gap:5px; }.brand strong { font-size:20px; }.brand small { color:#6f727b; font-size:8px; letter-spacing:.24em; }
.back { color:#a9abb1; text-decoration:none; font-size:13px; }.back:hover { color:#fff; }
main { min-height:calc(100vh - 180px); display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr); gap:9vw; align-items:center; padding:70px 0 84px; }
.eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 30px; color:var(--accent-soft); font-size:12px; font-weight:800; letter-spacing:.24em; }.eyebrow span { width:34px; height:2px; background:var(--accent); }
.intro h1 { max-width:720px; margin:0; font-size:clamp(62px,7vw,104px); line-height:.94; letter-spacing:-.085em; }.intro h1 em { color:var(--accent); font-style:normal; text-shadow:0 18px 56px rgba(255,76,35,.22); }
.lead { max-width:650px; margin:38px 0 0; color:#a4a5ab; font-size:18px; line-height:1.9; }
.intro ol { display:flex; flex-wrap:wrap; gap:24px; margin:52px 0 0; padding:0; list-style:none; }.intro li { display:flex; align-items:center; gap:9px; color:#7f8189; font-size:12px; letter-spacing:.08em; }.intro li b { color:var(--accent); }
.form-card { position:relative; min-height:620px; padding:48px 42px 38px; overflow:hidden; border:1px solid var(--line); border-radius:34px; background:linear-gradient(155deg,rgba(25,27,33,.96),rgba(13,14,18,.96)); box-shadow:0 34px 90px rgba(0,0,0,.38); }
.form-card::before { content:""; position:absolute; width:300px; height:300px; right:-155px; top:-160px; border-radius:50%; background:rgba(255,91,53,.14); filter:blur(8px); }
.card-number { position:absolute; right:32px; top:25px; color:rgba(255,255,255,.05); font-size:86px; font-weight:900; letter-spacing:-.09em; }
.form-heading { position:relative; margin-bottom:34px; }.form-heading p { margin:0 0 12px; color:var(--accent); font-size:10px; font-weight:800; letter-spacing:.25em; }.form-heading h2 { margin:0 0 12px; font-size:32px; letter-spacing:-.04em; }.form-heading span { color:#797b83; font-size:13px; line-height:1.65; }
form { position:relative; display:grid; gap:21px; }form label>span:first-child { display:block; margin-bottom:9px; color:#c9c9cc; font-size:13px; font-weight:650; }
input,select { width:100%; height:54px; border:1px solid rgba(255,255,255,.13); border-radius:14px; outline:none; background:rgba(5,6,8,.56); color:#fff; font:inherit; transition:border-color .2s,box-shadow .2s; }input:focus,select:focus { border-color:rgba(255,91,53,.85); box-shadow:0 0 0 4px rgba(255,91,53,.1); }select { padding:0 15px; }
.phone-field { display:grid; grid-template-columns:64px 1fr; }.phone-field b { display:grid; place-items:center; border:1px solid rgba(255,255,255,.13); border-right:0; border-radius:14px 0 0 14px; color:#8c8e96; font-size:13px; }.phone-field input { padding:0 16px; border-radius:0 14px 14px 0; }
label small { display:block; margin-top:8px; color:#62646d; font-size:11px; }.honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; }
.consent { display:flex; align-items:flex-start; gap:10px; color:#85878f; font-size:11px; line-height:1.6; cursor:pointer; }.consent input { flex:0 0 auto; width:16px; height:16px; margin:1px 0 0; accent-color:var(--accent); }.consent span { margin:0!important; font:inherit!important; color:inherit!important; }
.form-message { min-height:18px; margin:-7px 0 -5px; color:#ff9a7c; font-size:12px; }
button[type="submit"] { height:61px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; border:0; border-radius:16px; color:#fff; background:linear-gradient(115deg,#ff4d2d,#ff6844); font-size:15px; font-weight:800; cursor:pointer; box-shadow:0 18px 46px rgba(255,72,38,.22); transition:transform .2s,filter .2s,opacity .2s; }button[type="submit"]:not(:disabled):hover { transform:translateY(-2px); filter:brightness(1.06); }button[type="submit"]:disabled { opacity:.46; cursor:not-allowed; box-shadow:none; }
.success { position:relative; padding-top:54px; }.success>span { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; background:rgba(48,203,126,.14); color:#52d896; font-size:26px; }.success p { margin:35px 0 9px; color:#52d896; font-size:11px; font-weight:800; letter-spacing:.22em; }.success h2 { margin:0 0 16px; font-size:38px; }.success small { display:block; max-width:360px; color:#8c8e95; font-size:14px; line-height:1.8; }.success a { display:inline-block; margin-top:40px; color:#fff; font-size:13px; text-underline-offset:5px; }
footer { min-height:76px; display:flex; align-items:center; gap:24px; border-top:1px solid var(--line); color:#555860; font-size:11px; }footer a { margin-left:auto; color:#777982; text-decoration:none; }
@media (max-width:900px) { main { grid-template-columns:1fr; gap:54px; padding-top:54px; }.intro { max-width:720px; }.form-card { min-height:0; }.intro h1 { font-size:clamp(58px,11vw,92px); } }
@media (max-width:560px) { header,main,footer { width:calc(100% - 32px); }header { min-height:84px; }.back { font-size:0; }.back span { font-size:18px; }main { gap:40px; padding:44px 0 54px; }.eyebrow { margin-bottom:23px; font-size:10px; }.intro h1 { font-size:clamp(49px,15vw,68px); }.lead { margin-top:28px; font-size:15px; }.intro ol { margin-top:34px; gap:13px 20px; }.form-card { padding:38px 22px 26px; border-radius:25px; }.form-heading h2 { font-size:28px; }.card-number { font-size:68px; }.success h2 { font-size:32px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }