*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;background:radial-gradient(700px 400px at 12% 8%,rgba(245,138,0,.16),transparent 70%),radial-gradient(700px 500px at 92% 95%,rgba(245,138,0,.14),transparent 70%),#0b0b0c;color:#fff;font-family:"DM Sans",system-ui,sans-serif;display:grid;place-items:center;padding:70px 18px 34px}
button{font:inherit;cursor:pointer;border:0}
.back{position:fixed;top:18px;left:22px;color:#aaa;font-size:13px;text-decoration:none;z-index:5}.back:hover{color:#fff}
.card{width:min(1180px,100%);min-height:700px;display:grid;grid-template-columns:1fr 1fr;background:#141414;border:1px solid #2a2a2a;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.65)}
.card>*{min-width:0}
/* left */
.side{position:relative;display:flex;flex-direction:column;align-items:center;padding:52px 40px 52px;color:#10243a;background:radial-gradient(circle at 92% 6%,#ffd48a 0,transparent 38%),radial-gradient(circle at 4% 58%,#ffd9a0 0,transparent 42%),linear-gradient(165deg,#fffdf9 0%,#fff3dc 55%,#ffd79a 100%)}
.slogo{width:min(330px,80%);height:auto;display:block;mix-blend-mode:multiply}
.tag{font:600 19px "Plus Jakarta Sans",sans-serif;color:#556579;text-align:center;margin-top:14px}
.chipsr{display:flex;justify-content:center;gap:26px;margin-top:26px;flex-wrap:wrap}
.chipsr>div{display:flex;align-items:center;gap:10px}
.chipsr b{font:700 13px/1.25 "DM Sans",sans-serif;color:#10243a}
.cb{width:46px;height:46px;border-radius:13px;background:#fff0cf;display:grid;place-items:center;flex:none}.cb.g{background:#dff3e3}.cb svg{width:24px;height:24px}
.cover{position:relative;flex:1;width:100%;min-height:240px;margin:14px 0 22px}
.cover img,.cover .fb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.cover.has .fb{display:none}
.dots{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:9px}.dots span{width:10px;height:10px;border-radius:50%;background:rgba(16,36,58,.18)}.dots .on{background:#f58a00}
.fullimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.side.full{padding:0;background:#fff3dc}.side.full>*:not(.fullimg){display:none}
/* right */
.form{position:relative;overflow:hidden;padding:54px 64px;display:flex;flex-direction:column;justify-content:center;background:#151515}
.deco{position:absolute;top:-120px;right:-100px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(245,150,0,.22);background:radial-gradient(circle,rgba(245,150,0,.10),transparent 70%);color:rgba(245,150,0,.4);pointer-events:none}
.deco svg{position:absolute;left:62px;bottom:52px;width:64px;height:64px;transform:rotate(12deg)}
.form>*{position:relative}.form>.deco{position:absolute}
h1{font:800 42px "Plus Jakarta Sans",sans-serif;letter-spacing:-1px}h1 em{font-style:normal;color:#ffa800}
.sub{color:#9aa0a6;margin:10px 0 26px;font-size:17px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.seg button{display:flex;align-items:center;justify-content:center;gap:10px;background:#0f0f10;border:1px solid #2f2f2f;color:#e6e6e6;border-radius:14px;height:56px;font-weight:700;font-size:15px}
.seg button.on{background:#fff;color:#161616;border:2px solid #ffb000}
.gi{width:22px;height:22px;flex:none}
.or{display:flex;align-items:center;gap:14px;color:#8b8b8b;font-size:12px;letter-spacing:.6px;margin:20px 0 6px}.or:before,.or:after{content:"";flex:1;height:1px;background:#2c2c2c}
label{display:block;font-weight:700;font-size:15px;margin-top:14px}
.fld{position:relative;display:block;margin-top:10px}.fld .fi{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:#a3a3a3;pointer-events:none}
input{display:block;width:100%;padding:0 16px;height:56px;background:#0f0f10;border:1px solid #303030;border-radius:14px;color:#fff;font:500 16px "DM Sans",sans-serif;outline:0}
.fld input{margin:0;padding-left:52px}
input:focus,.phone:focus-within{border-color:#ffa800;box-shadow:0 0 0 3px rgba(255,168,0,.15)}input::placeholder{color:#6b6b6b}
.phone{display:flex;align-items:center;margin-top:10px;background:#0f0f10;border:1px solid #303030;border-radius:14px;height:56px}.phone span{padding:0 4px 0 16px;color:#a3a3a3;font-weight:700}.phone input{border:0;margin:0;background:transparent;height:100%;box-shadow:none}
small{display:block;color:#7d7d7d;font-weight:500;margin-top:6px;font-size:12px}
.primary{width:100%;margin-top:22px;height:58px;padding:0 26px;border-radius:16px;background:linear-gradient(90deg,#ffc21a,#ff9d00);color:#161616;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 26px rgba(255,157,0,.28)}
.primary:hover{filter:brightness(1.06)}.primary .ar{position:absolute;right:26px;width:22px;height:22px}
.ghost{width:100%;height:56px;border-radius:14px;background:#0f0f10;border:1px solid #303030;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.ghost:hover{border-color:#ffa800}
.foot{text-align:center;color:#9aa0a6;font-size:14px;margin-top:22px;line-height:1.7}
.foot a{color:#ffa800;font-weight:700;margin-left:6px;text-decoration:none;white-space:nowrap}.foot a:hover{text-decoration:underline}.foot .ar{width:16px;height:16px;vertical-align:-3px}
.msg{min-height:18px;text-align:center;color:#ffb81f;font-size:13px;margin-top:8px}
[hidden]{display:none!important}
@media(max-width:1000px){.form{padding:48px 40px}.side{padding:44px 26px}.chipsr{gap:16px}}
@media(max-width:800px){
 body{padding:58px 12px 24px;place-items:start center}
 .card{grid-template-columns:1fr;min-height:0;border-radius:24px}
 .side.full{aspect-ratio:6/7}.side{padding:28px 20px 44px}.slogo{width:min(230px,70%)}.tag{font-size:15px;margin-top:8px}
 .chipsr{gap:14px;margin-top:16px}.cb{width:38px;height:38px;border-radius:11px}.cb svg{width:20px;height:20px}.chipsr b{font-size:11.5px}
 .cover{flex:none;height:190px;min-height:0;margin:12px 0 8px}
 .dots{bottom:16px}.dots span{width:8px;height:8px}
 .form{padding:32px 22px 28px}.deco{width:220px;height:220px;top:-90px;right:-80px}.deco svg{left:52px;bottom:50px;width:40px;height:40px}.deco{top:-110px;right:-100px}
 h1{font-size:34px}.sub{font-size:15px;margin:8px 0 20px}
 .foot{font-size:13px}
}
@media(max-width:420px){
 .chipsr{gap:8px}.chipsr>div{flex-direction:column;text-align:center;gap:6px}.chipsr b br{display:none}
 .cover{height:160px}.seg button{font-size:14px;gap:8px}.back{left:14px}
}