/* AKIŞ Task V14.32 — Shared public/auth design vocabulary.
   Scoped to public pages; no interactive flows changed. */
:root{--akis-public-azure:#0c88ef;--akis-public-ink:#102f52;--akis-public-sky:#eaf7ff;--akis-public-line:#dcebf8}
body:not(.auth-view){background:#f5fbff}
.site-header{box-shadow:0 5px 26px rgba(15,81,139,.045)!important;backdrop-filter:blur(12px)}
.site-header .brand{font-weight:860!important;letter-spacing:-.055em}
.site-header :is(.btn-primary,.nav-login){border-radius:13px!important}
.site-header .nav-actions .btn-primary,.hero-actions .btn-primary{background:linear-gradient(110deg,#1ca0ff,#0b73e2)!important;border-color:#138ae9!important;box-shadow:0 9px 19px rgba(8,114,218,.22)!important;color:#fff!important}
.site-header .nav-actions .btn-primary:hover,.hero-actions .btn-primary:hover{box-shadow:0 12px 26px rgba(8,114,218,.34)!important;transform:translateY(-1px)}
body:not(.auth-view) .hero{background:radial-gradient(ellipse 57% 78% at 75% 32%,#ccecff 0%,#e7f6ff 65%,#f7fcff 100%)!important}
body:not(.auth-view) .hero h1{color:#0e3154!important;letter-spacing:-.065em}
body:not(.auth-view) .hero-copy>p{color:#416483!important}
body:not(.auth-view) .hero .eyebrow{box-shadow:0 3px 9px #1475b10b}
body:not(.auth-view) :is(.feature-card,.step-card,.screen-card){background:linear-gradient(150deg,#fff 30%,#f4faff)!important;border:1px solid #deebf7!important;border-radius:20px!important;box-shadow:0 11px 32px rgba(18,77,129,.06)!important}
body:not(.auth-view) :is(.feature-card,.step-card,.screen-card):hover{border-color:#bbdff8!important;box-shadow:0 18px 36px rgba(18,77,129,.12)!important}
body:not(.auth-view) .feature-card:nth-child(4n+1){border-top:3px solid #268ffc!important}
body:not(.auth-view) .feature-card:nth-child(4n+2){border-top:3px solid #27bd88!important}
body:not(.auth-view) .feature-card:nth-child(4n+3){border-top:3px solid #f2b32e!important}
body:not(.auth-view) .feature-card:nth-child(4n+4){border-top:3px solid #a074ee!important}
body:not(.auth-view) :is(.faq-item,.faq details){border-color:#dceaf7!important;border-radius:14px!important}
body:not(.auth-view) :is(button,a,input,textarea,select):focus-visible{outline:3px solid #64b7ff!important;outline-offset:3px!important}
/* Login, registration and password recovery, same brand but form-first on small screens. */
.auth-view .auth-main{background:radial-gradient(ellipse 560px 500px at 95% 3%,#d8efff,transparent 90%),linear-gradient(180deg,#f7fcff,#eff8ff)!important}
.auth-view .auth-promo{background:radial-gradient(ellipse 410px 380px at 90% 12%,#235caa,#102d54 66%,#0b203d)!important}
.auth-view .auth-promo .promo-kicker{border-color:#76c3fb66!important}
.auth-view .auth-card{position:relative}
.auth-view .auth-card h2{letter-spacing:-.055em;color:#112e50!important}
.auth-view .auth-card .lead{color:#607d96!important}
.auth-view .auth-card label{color:#34526d!important;font-size:13px!important}
.auth-view .auth-card input{border:1px solid #d7e7f5!important;border-radius:13px!important;background:#fff!important;color:#173b5e!important}
.auth-view .auth-card input:focus{border-color:#51a9f8!important;box-shadow:0 0 0 4px #cde9ff!important;outline:0!important}
.auth-view .auth-card .primary{background:linear-gradient(115deg,#1898ff,#086fe4)!important;border-radius:13px!important;box-shadow:0 12px 24px #087ee534!important;font-size:15px!important}
.auth-view .auth-card .primary:hover{box-shadow:0 16px 27px #087ee548!important}
.auth-view :is(.auth-note,.notice){border-radius:13px!important}
.auth-view .field-toggle{border-radius:10px!important;background:#eaf5ff!important;color:#1469b3!important}
.auth-view :is(button,a,input):focus-visible{outline:3px solid #65b8ff!important;outline-offset:3px!important}
@media(max-width:850px){.auth-view .auth-main{background:linear-gradient(155deg,#def2ff,#f7fcff)!important}.auth-view .auth-card{border-radius:22px!important;background:#ffffffef;padding:27px clamp(17px,4vw,30px)!important;box-shadow:0 13px 36px rgba(21,86,146,.10)!important;border:1px solid #fff!important}}
@media(max-width:380px){.auth-view .auth-card{padding:20px 14px!important}}
@media(prefers-reduced-motion:reduce){body:not(.auth-view) :is(.feature-card,.step-card,.screen-card),.auth-view .auth-card .primary{transition:none!important}}
