.seo-reference{--color-accent:#366fc3;--color-accent-2:#285493;--color-brand:#293342;--color-brand-300:#40546c;--color-brand-900:#eef2f6;--text-spectrum:linear-gradient(100deg,#365ecb,#7440bf 52%,#b53e79)}
.seo-reference :is(h1:not(.page-name),.page-hero-title),.seo-reference h2,.seo-reference h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.035em}
.seo-reference h2{font-size:30px!important;line-height:1.2;background:var(--text-spectrum);background-clip:text;-webkit-text-fill-color:transparent}
#seo-hero{max-width:1200px!important;padding:24px 32px!important;grid-template-columns:minmax(0,1fr) minmax(0,460px)!important;gap:40px!important}
#seo-hero :is(h1:not(.page-name),.page-hero-title){font-size:clamp(36px,3.5vw,50px)!important;line-height:1.08!important}
#seo-hero :is(h1:not(.page-name),.page-hero-title)>span:first-child{background:var(--text-spectrum);background-clip:text;-webkit-text-fill-color:transparent}
#seo-hero>div>p{font-size:16px!important;line-height:1.5!important}
.seo-reference section:not([data-stats]){scroll-margin-top:112px}
.seo-reference section:not([data-stats])>div[style*="max-width: 1440px"],.seo-reference section[style*="max-width: 1440px"]{max-width:1248px!important;padding-left:24px!important;padding-right:24px!important}
.seo-reference :is(#kviz,#kupony,.dialog)>div:first-child{border-color:var(--color-divider)}
.seo-reference #kviz .g-quiz>div:first-child,.seo-reference .dialog>div:first-child,.seo-reference #kupony{background:radial-gradient(ellipse at top right,#7251a344,transparent 70%),linear-gradient(135deg,#1f253d,#2b2543)!important}
.seo-reference input{accent-color:#366fc3}
.seo-reference input::placeholder{text-transform:none}
.seo-reference .btn-primary{background:linear-gradient(110deg,#3268c6,#4d5ac1 75%,#6660b7)!important;color:white!important;border-color:transparent!important}
.seo-reference .btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}
.seo-reference .card{border-radius:20px}
.seo-reference .btn{border-radius:999px}
.seo-reference .btn-secondary{background:var(--color-brand-900)!important;color:var(--color-brand-300)!important;border-color:var(--color-divider)!important}
.seo-reference [data-stats]{background:linear-gradient(135deg,#202a3c,#393252)!important}
.seo-contact-map{position:absolute;inset:0;background:linear-gradient(90deg,#eceef0e8,#eceef066),url('/assets/map-krasnodar.webp') center/cover}
.seo-form-status{font-size:13px;line-height:1.5;padding:12px;background:var(--color-surface);border-radius:10px}
html[data-theme=dark] .seo-reference{--text-spectrum:linear-gradient(100deg,#94b6ff,#c3a9ff 52%,#efa8cf)}
html[data-theme=dark] .seo-contact-map{background:linear-gradient(90deg,#181d28ee,#181d28bb),url('/assets/map-krasnodar.webp') center/cover}
html[data-theme=dark] .seo-reference :is(.card,.dialog,.input){border-color:#343c4b!important}
@media(max-width:999px){#seo-hero{grid-template-columns:1fr!important;padding:44px 20px 40px!important;gap:28px!important}#seo-hero :is(h1:not(.page-name),.page-hero-title){font-size:34px!important}#seo-hero>div>div{flex-wrap:wrap}.seo-reference h2{font-size:26px!important}.seo-reference .dialog{max-height:calc(100dvh - 28px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.seo-reference .btn-primary:hover{transform:none}}
