.suggestion-hero{position:relative;overflow:hidden;max-width:none;padding:64px max(24px,calc((100% - 1160px)/2)) 76px;color:#fff;background:radial-gradient(circle at 76% 18%,rgba(151,255,0,.16),transparent 30%),#0c1727}.suggestion-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}.suggestion-hero>*{position:relative;z-index:1}.suggestion-hero .breadcrumb{margin:0 0 42px;color:#9fb0c6}.suggestion-hero .breadcrumb a{color:#dce7f4}.suggestion-hero .kicker{color:#a3e635}.suggestion-hero h1{max-width:850px;margin:12px 0 17px;font:800 clamp(2.7rem,6vw,5rem)/1.02 Manrope,Arial,sans-serif;letter-spacing:-.055em}.suggestion-hero>p{max-width:720px;margin:0;color:#c7d3e2;font-size:1.12rem;line-height:1.7}
.suggestion-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:28px;align-items:start;width:min(1160px,calc(100% - 48px));margin:64px auto 82px}.suggestion-card{min-width:0;padding:clamp(22px,4vw,38px);background:#fff;border:1px solid #dbe3ec;border-radius:24px;box-shadow:0 18px 55px rgba(12,23,39,.08)}.suggestion-card>header{display:flex;gap:16px;align-items:flex-start;padding-bottom:25px;margin-bottom:26px;border-bottom:1px solid #e8edf3}.suggestion-card h2,.suggestion-aside h2,.suggestion-content h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.025em}.suggestion-card>header h2{margin:0 0 7px;font-size:1.55rem}.suggestion-card>header p{margin:0;color:#647287;line-height:1.55}.suggestion-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:#eaffc8;color:#274600;font-size:1.6rem;font-weight:800}
.suggestion-form{display:grid;gap:21px}.suggestion-form>label:not(.suggestion-consent){display:grid;gap:8px;min-width:0;color:#18263a;font-weight:750}.suggestion-form label>span>b{color:#477c00}.suggestion-form label>span>em{margin-left:5px;color:#788598;font-size:.76rem;font-style:normal;font-weight:600}.suggestion-form input[type=text],.suggestion-form select,.suggestion-form textarea{display:block;width:100%;max-width:100%;padding:13px 14px;color:#101c2d;background:#fbfcfe;border:1px solid #cbd6e2;border-radius:12px;font:inherit}.suggestion-form select{min-height:50px}.suggestion-form textarea{min-height:112px;resize:vertical;line-height:1.55}.suggestion-form input:focus,.suggestion-form select:focus,.suggestion-form textarea:focus{outline:3px solid rgba(151,255,0,.24);border-color:#5c9700}.suggestion-form small{color:#718095;font-size:.78rem;font-weight:500}.suggestion-consent{display:flex;gap:11px;align-items:flex-start;color:#46566a;font-size:.88rem;line-height:1.5}.suggestion-consent input{flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:#477c00}.suggestion-consent a{color:#355d00;font-weight:750;text-decoration:underline;text-underline-offset:2px}.suggestion-form>button{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:15px 20px;color:#fff;background:#0c1727;border:0;border-radius:13px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:800}.suggestion-form>button:hover{background:#172941}.suggestion-form>button:focus-visible{outline:3px solid #7caf12;outline-offset:3px}.suggestion-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.suggestion-message{display:flex;flex-direction:column;gap:3px;padding:14px 16px;margin-bottom:22px;border-radius:12px}.suggestion-message.success{color:#264800;background:#edfbd8;border:1px solid #badd82}.suggestion-message.error{color:#7c2417;background:#fff0ed;border:1px solid #efb2a7}.suggestion-security{display:flex;gap:10px;padding-top:22px;margin:25px 0 0;color:#607086;border-top:1px solid #e8edf3;font-size:.83rem;line-height:1.55}.suggestion-security>span:first-child{color:#477c00;font-weight:900}.suggestion-aside{position:sticky;top:98px;padding:30px;color:#fff;background:#0c1727;border-radius:24px;box-shadow:0 18px 50px rgba(12,23,39,.12)}.suggestion-aside .kicker{color:#97ff00}.suggestion-aside h2{margin:10px 0 24px;font-size:1.65rem}.suggestion-aside ol{display:grid;gap:23px;padding:0;margin:0;list-style:none;counter-reset:steps}.suggestion-aside li{position:relative;display:grid;gap:5px;padding-left:47px;counter-increment:steps}.suggestion-aside li:before{content:counter(steps);position:absolute;top:0;left:0;display:grid;place-items:center;width:32px;height:32px;color:#142400;background:#97ff00;border-radius:50%;font-weight:900}.suggestion-aside li span,.suggestion-aside>p{color:#b9c5d5;font-size:.9rem;line-height:1.55}.suggestion-aside>p{padding-top:22px;margin:26px 0 0;border-top:1px solid #2b3a4e}
.suggestion-content{width:min(920px,calc(100% - 48px));margin:0 auto 90px}.suggestion-content>header{margin-bottom:40px}.suggestion-content>header>h2{margin:10px 0 18px;font-size:clamp(1.8rem,4vw,2.7rem)}.suggestion-content .answer-box{padding:22px 24px;background:#fff;border:1px solid #dfe6ee;border-left:4px solid #7caf12;border-radius:14px}.suggestion-content>section{padding:30px 0;border-top:1px solid #dfe6ee}.suggestion-content>section>h2{margin:0 0 13px;font-size:1.55rem}.suggestion-content p{color:#536278;line-height:1.75}.suggestion-examples{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.suggestion-examples span{padding:8px 13px;color:#25364a;background:#eaf1f7;border-radius:999px;font-size:.85rem;font-weight:750}.suggestion-content .faq details{margin-top:10px;background:#fff;border:1px solid #dfe6ee;border-radius:12px}.suggestion-content .faq summary{padding:16px 18px;cursor:pointer;font-weight:750}.suggestion-content .faq details p{padding:0 18px 17px;margin:0}
@media(max-width:820px){.suggestion-hero{padding-top:42px;padding-bottom:58px}.suggestion-hero .breadcrumb{margin-bottom:30px}.suggestion-layout{grid-template-columns:1fr;width:min(calc(100% - 32px),720px);margin-top:40px}.suggestion-aside{position:static}.suggestion-content{width:min(calc(100% - 32px),720px)}}@media(max-width:520px){.suggestion-card,.suggestion-aside{border-radius:17px}.suggestion-card>header{display:block}.suggestion-icon{margin-bottom:14px}.suggestion-hero h1{font-size:2.55rem}}