*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Raleway,Arial,sans-serif;color:#000}
body{background:#f5f5f5}
a{color:inherit}
.page{min-height:100vh;display:flex;flex-direction:column}
.hero{position:relative;width:min(100%,840px);margin:0 auto;padding:0 24px;background:#fff}
.hero-img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.home-btn{position:absolute;left:36px;top:12px;width:40px;height:40px;border-radius:15px;background:#fff;opacity:.5;display:grid;place-items:center;text-decoration:none;font-size:22px}
.content{width:min(100%,840px);margin:0 auto;padding:32px 24px}
.title{font-size:38px;line-height:1.08;margin:0 0 16px;font-weight:800}
.lead{font-size:18px;line-height:1.6;margin:0 0 24px}
.benefits{display:grid;gap:12px;margin:24px 0 34px;font-size:17px;line-height:1.5}
.reviews{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 30px}
.review{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 7px rgba(0,0,0,.08)}
.review::before{content:'\2605\2605\2605\2605\2605';display:block;color:#f5b301;font-size:18px;letter-spacing:2px;line-height:1;margin-bottom:12px}
.review-head{display:flex;gap:12px;align-items:center;margin-bottom:12px;font-weight:700}
.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.review p{margin:0;line-height:1.55}
.cta,.submit{min-height:55px;width:100%;border:0;border-radius:10px;background:#000;color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.form-card{background:#fff;border-radius:14px;padding:24px;margin-top:28px}
.form-card h2{font-size:24px;margin:0 0 8px}
.total{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e5e5e5;font-weight:700}
.field{width:100%;border:0;border-radius:10px;background:#efefef;padding:16px;color:#000;font:inherit;margin-top:16px}
.field:focus{outline:2px solid #333}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:14px;line-height:1.45}
.consent input{margin-top:3px;width:16px;height:16px}
.submit{margin-top:26px}
.scarcity{text-align:center;font-size:14px;line-height:1.5;margin:18px 0}
.footer{margin-top:auto;text-align:center;padding:22px 16px 28px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
.footer a{font-size:14px;text-decoration:underline}
.error{background:#ffe7e7;border:1px solid #d44;border-radius:10px;padding:12px;margin:15px 0}
.success-note{background:#e9f8ed;border:1px solid #65a873;border-radius:10px;padding:12px;margin:15px 0}
.legal-wrap{width:min(100%,840px);margin:0 auto;padding:52px 24px}
.legal-card{background:#fff;border-radius:15px;padding:34px}
.legal-card h1{font-size:34px;margin:0 0 28px}
.legal-card h2{font-size:20px;margin:28px 0 8px}
.legal-card p{line-height:1.65;margin:10px 0}
.back{display:inline-flex;margin-top:28px;min-height:48px;padding:0 22px;border-radius:10px;background:#000;color:#fff;align-items:center;text-decoration:none;font-weight:700}
.success-page{min-height:100vh;display:grid;place-items:center;padding:24px}
.success-box{width:min(100%,650px);background:#fff;border-radius:15px;padding:48px 34px;text-align:center}
.success-box h1{font-size:34px;margin-top:0}
.success-box p{font-size:18px;line-height:1.6}
.withdraw-form{margin-top:24px}
.withdraw-result{margin-top:18px}
.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}
.small{font-size:13px;color:#555}
.preview-banner{padding:10px;background:#fff3cd;text-align:center;font-weight:700}

@media(max-width:650px){
  .hero{padding:0 18px}
  .home-btn{left:30px}
  .content{padding:24px 18px}
  .title{font-size:31px}
  .reviews{grid-template-columns:1fr}
  .form-card{padding:20px}
  .legal-wrap{padding:24px 14px}
  .legal-card{padding:26px 20px}
  .legal-card h1,.success-box h1{font-size:28px}
  .success-box{padding:36px 22px}
}
