*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,Arial,sans-serif;color:#16241d;background:#f5f8f5}
button,input{font:inherit}
a{text-decoration:none}
.page{min-height:100vh;display:grid;grid-template-columns:43% 57%}
.visual{padding-top: 150px; min-height:100vh;position:sticky;top:0;color:#fff;background:linear-gradient(135deg,#033420f7,#08753de3),url("https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=1600&q=85") center/cover}
.visual-inner{height:100vh;padding:45px 50px;display:flex;flex-direction:column;justify-content:space-between;max-width:600px;margin:auto}

 
.pitch{max-width:510px}
.eyebrow{display:inline-block;padding:8px 12px;border-radius:50px;background:#ffffff20;border:1px solid #ffffff30;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:17px}
.pitch h1{font-size:clamp(34px,3.7vw,50px);line-height:1.07;letter-spacing:-2px;margin-bottom:17px}
.pitch>p{font-size:13px;line-height:1.7;color:#ffffffc4}
.benefits{display:grid;gap:12px;margin-top:30px}
.benefits>div{display:flex;gap:11px;align-items:center}
.benefits>div>i{width:41px;height:41px;display:grid;place-items:center;border-radius:11px;background:#ffffff18;color:#7bd32d}
.benefits b,.benefits small{display:block}
.benefits b{font-size:11px}
.benefits small{font-size:9px;color:#ffffff9e;margin-top:2px}
.visual footer{font-size:8px;color:#ffffff80;display:flex;justify-content:space-between}
.content{min-height:100vh;background:#fff;padding:42px 55px}
.box{width:min(700px,100%);margin:auto}
.mobile-logo{display:block;width: 100%;text-align: center;}
.mobile-logo img{width:190px;margin-bottom:35px}

header{margin-bottom:25px}
header>small{color:#5dbb1b;font-size:10px;font-weight:800;letter-spacing:1.2px}
header h2{font-size:29px;color:#063b27;letter-spacing:-1px;margin-top:6px}
header p{font-size:11px;color:#718078;margin-top:5px}
.section{display:flex;gap:10px;align-items:center;border-top:1px solid #edf1ee;padding:16px 0 12px}
.section>b{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#eaf7df;color:#08753d;font-size:9px}
.section strong,.section small{display:block}
.section strong{font-size:11px;color:#063b27}
.section small{font-size:8px;color:#718078}




.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}
.field{margin-bottom:12px}
.field label{display:block;font-size:9px;font-weight:700;color:#35443c;margin-bottom:6px}
.input{height:44px;border:1px solid #e1e8e3;border-radius:9px;background:#fbfcfb;display:flex;align-items:center}
.input:focus-within{border-color:#08753d;box-shadow:0 0 0 3px #08753d12;background:#fff}
.input>i{width:15px;text-align:center;margin-left:13px;color:#89968f;font-size:11px}
.input input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;padding:0 9px;font-size:10px}
.input button{height:100%;width:39px;border:0;background:transparent;color:#8a9690}
.field em{display:block;color:#d44b4b;font-style:normal;font-size:8px;margin-top:4px}


    .field select{width:100%;height:42px;border:1px solid #dfe7e2;border-radius:7px;background:#fcfdfc;outline:0;padding:0 11px;font-size:13px;color:#30443a}
    .field select:focus{border-color:#08753d;box-shadow:0 0 0 3px #08753d10} 
    


.strength{height:3px;background:#edf1ee;margin-top:5px;border-radius:9px;overflow:hidden}
.strength span{display:block;height:100%;width:0;background:#5dbb1b;transition:.2s}
.field>#st{font-size:8px;color:#718078;display:block;margin-top:3px} 
.terms{border:1px solid #e1e8e3;border-radius:11px;background:#fbfcfb;padding:14px;margin-top:4px}
.term-title{display:flex;gap:9px;align-items:center}
.term-title>i{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#eaf7df;color:#08753d;font-size:12px}
.term-title strong,.term-title small{display:block}
.term-title strong{font-size:10px;color:#063b27}
.term-title small{font-size:8px;color:#718078}
.term-text{background:#fff;border:1px solid #e9eeeb;border-radius:8px;padding:10px;margin:11px 0;max-height:105px;overflow:auto}
.term-text p{font-size:10px;line-height:1.6;color:#68756e}
.term-text p+p{margin-top:7px}
.check{display:flex;align-items:flex-start;gap:8px;font-size:8px;line-height:1.5;color:#5e6c64}
.check input{display:none}
.check span{width:16px;height:16px;flex:0 0 16px;border:1px solid #cbd6cf;border-radius:4px;background:#fff}
.check input:checked+span{background:#08753d;border-color:#08753d}
.check input:checked+span:after{content:"✓";display:block;color:#fff;text-align:center;font-size:10px;font-weight:800}
.submit{display: none;width:100%;height:47px;border:0;border-radius:9px;background:#08753d;color:#fff;margin-top:17px;font-size:11px;font-weight:800}
.submit:hover{background:#063b27}
.submit i{margin-left:8px}
.login{text-align:center;font-size:9px;color:#718078;margin-top:18px}
.login a{color:#08753d;font-weight:800;margin-left:4px}
.secure{text-align:center;font-size:8px;color:#9aa59f;margin-top:19px}
.secure i{color:#08753d;margin-right:5px}
#toast{position:fixed;right:20px;bottom:20px;background:#063b27;color:#fff;padding:12px 15px;border-radius:9px;font-size:10px;opacity:0;transform:translateY(15px);transition:.25s}
#toast.show{opacity:1;transform:none}
@media(max-width:820px){
    .page{display:block}
    .visual{display:none}
    .content{padding:28px 20px}
    .mobile-logo{display:block;text-align:center;margin-bottom:30px}
    .mobile-logo img{width:185px}.box{max-width:620px}
}
@media(max-width:540px){
    .content{padding:24px 15px}
    .grid,.address{grid-template-columns:1fr}
    header h2{font-size:26px}
    .term-text{max-height:135px}
}