/* BONBONS unified premium public form design — presentation only */
:root{--bb-primary:#0047ff;--bb-ink:#0b1535;--bb-border:#dfe6f2;--bb-shadow:0 22px 65px rgba(11,21,53,.085)}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',Arial,sans-serif!important;color:var(--bb-ink);background:radial-gradient(circle at 95% 8%,rgba(0,71,255,.08),transparent 32%),#f7f9fe}
.page{align-items:stretch}
.intro{background:linear-gradient(148deg,#0645ee 0%,#0036c8 50%,#101a43 100%)!important}
.intro:before,.intro:after{opacity:.64;pointer-events:none}
.intro .logo,.intro .logo-wrap .logo{width:185px;max-width:100%;height:auto;object-fit:contain;border-radius:0!important}
.intro .logo-wrap{width:max-content;max-width:100%;padding:12px 17px;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 10px 24px #09185323;position:relative;z-index:4}
.intro>.logo{background:#fff;border-radius:16px!important;padding:12px 16px;box-sizing:content-box;max-width:calc(100% - 32px)}
.intro h1{font-size:clamp(35px,4vw,59px)!important;letter-spacing:-.055em!important;line-height:1.08!important}
.intro p,.intro-main,.intro-main-text{line-height:1.72!important}
.intro-content{position:relative;z-index:2}
.form-side{align-items:flex-start!important;padding:clamp(28px,4vw,62px) clamp(20px,5vw,80px)!important}
.form-card,.form-container,.form-box{background:#fff!important;border:1px solid #e3e8f1!important;border-radius:26px!important;box-shadow:var(--bb-shadow)!important;padding:clamp(22px,3vw,39px)!important;width:100%}
.form-card h2,.form-side h2{letter-spacing:-.045em!important;line-height:1.16}
.form-intro{line-height:1.7!important}
.section-title{color:var(--bb-primary)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important}
.field{min-width:0}
.field label,label{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:750}
.field input,.field select,.field textarea,form input:not([type="checkbox"]):not([type="radio"]),form select,form textarea{font-family:inherit!important;min-height:50px;border:1px solid #dbe3f0!important;border-radius:13px!important;background:#fbfcff!important;padding:12px 14px!important;color:#0b1535!important;transition:background .2s,border-color .2s,box-shadow .2s;max-width:100%}
.field textarea,form textarea{min-height:110px;resize:vertical}
.field input::placeholder,form input::placeholder,form textarea::placeholder{color:#8b97ab;opacity:1}
.field input:focus,.field select:focus,.field textarea:focus,form input:focus,form select:focus,form textarea:focus{outline:none!important;border-color:#0047ff!important;background:#fff!important;box-shadow:0 0 0 4px rgba(0,71,255,.10)!important}
form input[type="checkbox"],form input[type="radio"]{accent-color:#0047ff;width:18px;height:18px}
button[type="submit"],form button.primary,form .btn-primary,form .primary{background:linear-gradient(110deg,#0047ff,#235fff)!important;color:#fff!important;border:0!important;border-radius:13px!important;min-height:49px;box-shadow:0 9px 18px rgba(0,71,255,.18)!important;font-weight:800!important;cursor:pointer;transition:transform .2s,box-shadow .2s}
button[type="submit"]:hover,form button.primary:hover,form .primary:hover{transform:translateY(-2px);box-shadow:0 15px 22px rgba(0,71,255,.25)!important}
button:disabled{cursor:not-allowed!important;opacity:.6}
button:focus-visible,a:focus-visible{outline:3px solid #9bb8ff;outline-offset:3px}
.grid{column-gap:17px;row-gap:9px}
header .logo,.nav .logo,.top img{object-fit:contain}
.wrap .card,form.card{border:1px solid #e3e8f1!important;box-shadow:var(--bb-shadow)!important;border-radius:24px!important}
.wrap .hero h1{letter-spacing:-.052em!important}
@media(min-width:1000px){.intro{position:relative}.intro-content{position:relative}}
@media(max-width:850px){.page{display:block!important;min-height:auto!important}.intro{padding:35px 24px 42px!important;min-height:unset!important}.intro h1{font-size:clamp(32px,7vw,44px)!important}.intro-foot{margin-top:22px}.form-side{padding:25px 16px 48px!important}.form-card{max-width:760px;margin:auto!important}.grid{grid-template-columns:1fr!important}.field.full{grid-column:1/-1}.wrap .hero{padding-top:40px!important}}
@media(max-width:450px){.intro .logo{width:155px}.form-card{padding:22px 17px!important;border-radius:20px!important}.intro p{font-size:14px!important}.form-card h2{font-size:25px!important}.intro .benefits,.intro .steps{gap:10px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}