* { box-sizing: border-box; }
:root { --bg:#f7faf8; --surface:#fff; --text:#1e2b24; --muted:#64736b; --brand:#0f766e; --brand-dark:#115e59; --accent:#f59e0b; --border:#dbe7e1; --shadow:0 18px 45px rgba(17,94,89,.12); }
body { margin:0; color:var(--text); background:linear-gradient(180deg,#eef8f4 0%,var(--bg) 300px); font-family:Arial,Helvetica,sans-serif; line-height:1.6; }
a { color:var(--brand-dark); text-decoration:none; } a:hover { text-decoration:underline; }
img { max-width:100%; height:auto; border-radius:18px; }
.site-header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.94); border-bottom:1px solid var(--border); backdrop-filter:blur(10px); }
.site-header__inner,.site-footer__inner,.romlicontainer { width:min(1120px, calc(100% - 32px)); margin:0 auto; }
.site-header__inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:78px; }
.site-logo { display:inline-flex; align-items:center; gap:12px; color:var(--text); font-weight:700; text-decoration:none; }
.site-logo__mark { display:inline-grid; place-items:center; width:42px; height:42px; color:white; background:var(--brand); border-radius:14px; }
.site-nav__list,.site-nav__dropdown { list-style:none; margin:0; padding:0; }
.site-nav__list { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; }
.site-nav__item { position:relative; }
.site-nav a { display:block; padding:10px 12px; border-radius:999px; color:var(--text); font-size:15px; }
.site-nav a:hover { background:#e8f4f0; text-decoration:none; }
.site-nav__dropdown { display:none; position:absolute; right:0; min-width:240px; padding:8px; background:var(--surface); border:1px solid var(--border); border-radius:18px; box-shadow:var(--shadow); }
.site-nav__item:hover .site-nav__dropdown,.site-nav__item:focus-within .site-nav__dropdown { display:block; }
.romlicontainer { padding:42px 0 56px; }
.page-header,.hero { margin-bottom:28px; padding:42px; background:var(--surface); border:1px solid var(--border); border-radius:28px; box-shadow:var(--shadow); }
.hero { display:flex; flex-direction:column; gap:18px; background:linear-gradient(135deg,#fff 0%,#e8f7f2 100%); }
.hero__actions,.quick-links,.card-grid,.blog-grid { display:flex; flex-wrap:wrap; gap:16px; }
.hero__actions a,.button-link { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; color:white; background:var(--brand); border-radius:999px; font-weight:700; }
.content-card,.blog-card,.quick-links a { flex:1 1 240px; padding:20px; background:var(--surface); border:1px solid var(--border); border-radius:22px; }
.romlicontainer h1,.romlicontainer h2,.romlicontainer h3 { line-height:1.2; }
.romlicontainer h1 { margin:0; font-size:clamp(34px,6vw,56px); }
.romlicontainer h2 { margin-top:34px; font-size:clamp(24px,4vw,34px); }
.romlicontainer table { width:100%; border-collapse:collapse; margin:20px 0; overflow:hidden; background:var(--surface); border-radius:16px; }
.romlicontainer th,.romlicontainer td { padding:12px; border:1px solid var(--border); vertical-align:top; }
.site-footer { color:#dcebe6; background:#10231e; }
.site-footer__inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; padding:34px 0; }
.site-footer a { color:#fff; }.site-footer__links { display:flex; flex-wrap:wrap; gap:12px; }
.romlifooter { flex-basis:100%; padding-top:18px; border-top:1px solid rgba(255,255,255,.16); }.romlidata { margin-top:36px; }
@media (max-width:760px) { .site-header__inner { align-items:flex-start; flex-direction:column; padding:16px 0; } .site-nav__list { justify-content:flex-start; } .site-nav__dropdown { position:static; box-shadow:none; } .page-header,.hero { padding:28px 22px; } }