/* Shared AROC public-site rules. Verona has its own assets and does not load this file. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;800&display=swap');
:root{--primary:#124b69;--primary-d:#10374e;--accent:#f0c45d;--ink:#193344;--muted:#526775;--bg:#f7f9fb;--line:#dbe4ea;--ok:#13734e;--ocean1:#10374e;--ocean2:#124b69}
body{font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.65;overflow-x:clip}
h1,h2,h3,.brand,.btn,.authbody label,.authtabs button,.eyebrow,.postcard .meta{font-family:Inter,system-ui,sans-serif}
h1,h2,h3{text-wrap:balance;letter-spacing:-.025em}
h1{line-height:1.12}.hero h1{font-size:clamp(30px,3.7vw,48px);max-width:760px}
.hero{background:linear-gradient(150deg,#f7fafc,#e7f0f5)}
.hero .grid{gap:48px;padding:72px 0;align-items:start}
.hero .lead{font-size:19px;line-height:1.65}.flag{font-size:13px;flex-wrap:wrap;border-radius:12px}
.btn{min-height:46px;font-size:15px;border-radius:10px;text-align:center;white-space:normal;transition:background-color .16s,box-shadow .16s}
.btn.primary{background:var(--accent);color:#253b47}.btn.primary:hover{background:#f6d27e;filter:none}
.btn.tg{background:#e8f1f6;color:var(--primary-d);border:1px solid #c4d9e5}.btn.tg:hover{background:#d9eaf3;filter:none}
.btn:disabled{opacity:.6;cursor:wait}.btn.blue{background:var(--primary)}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #1976a8;outline-offset:3px}
.authcard{border-radius:16px;box-shadow:0 12px 40px #10374e0d}
.authbody{padding:26px}.authbody label{font-size:14px;color:var(--ink);margin-top:16px}
.authbody input{font-family:inherit;font-size:16px;min-height:48px;border-color:#b8c9d4}
.micro,.hint{font-size:14px;line-height:1.6}.hint a{text-decoration:underline;text-underline-offset:3px}
.micro{background:#f0f5f8}.err{color:#a82e30;font-size:14px}.ok{color:var(--ok);font-size:14px}
.lang button{min-width:44px;height:44px;font-size:14px}.nav .row{height:auto;min-height:76px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.nav nav a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.card{border-color:var(--line);box-shadow:0 4px 16px #10374e06}.card p{font-size:16px;line-height:1.65}
.trust{font-size:14px;gap:14px}.postcard p{font-size:16px}.postcard .meta,.postcard .go{font-size:14px}
article.post .body{font-size:18px;line-height:1.8}.postcard{transition:box-shadow .16s}.postcard:hover{transform:none}
section[id],#auth{scroll-margin-top:100px}.bloghero h1,article.post h1{font-size:clamp(28px,3vw,40px)}
@media(max-width:980px){.hero .grid{gap:30px;padding:44px 0}.authcard{max-width:620px;width:100%}.hero p.lead{font-size:18px}}
@media(max-width:560px){.wrap{padding-left:20px;padding-right:20px}.hero .grid{padding:32px 0 40px}.hero .cta{display:grid}.authbody{padding:20px}.nav nav{flex-wrap:wrap;justify-content:flex-end;min-width:0}.lang{margin-left:0}.nav nav .btn{padding:10px 12px;font-size:13px}.lang button{min-width:40px;height:44px}.hero h1{font-size:31px}.flag{padding:9px 12px}.trust{display:grid;gap:8px}.bloghero{padding:32px 0}.postgrid{padding-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

[hidden] { display: none !important; }
/* The hero grid is also the outer wrap: keep its page gutters. */
.hero .grid{padding-left:22px;padding-right:22px}
@media(max-width:560px){.hero .grid{padding-left:20px;padding-right:20px}.nav .row{gap:10px}.nav nav{gap:6px}.nav nav .btn{max-width:140px}.hero h1{font-size:30px}.flag{align-items:flex-start}}