:root { --navy:#0f2547; --gold:#c6a24a; --ink:#171a1f; --muted:#596270; --paper:#f7f8fa; --line:#dfe4ea; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; line-height:1.6; }
a { color:inherit; }
button { font:inherit; }
.shell { width:min(1120px, calc(100% - 2rem)); margin:auto; }
.header { background:var(--white); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:2; }
.header-row { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:inline-flex; align-items:center; gap:.65rem; text-decoration:none; color:var(--navy); font-size:1.08rem; font-weight:900; letter-spacing:.06em; white-space:nowrap; }
.brand-logo { width:38px; height:38px; object-fit:contain; flex:0 0 auto; }
.nav { display:flex; align-items:center; gap:.22rem; flex-wrap:wrap; justify-content:flex-end; }
.nav a, .language { border:0; background:transparent; color:var(--muted); border-radius:8px; padding:.45rem .55rem; text-decoration:none; font-size:.87rem; cursor:pointer; }
.nav a:hover, .nav a[aria-current="page"], .language:hover { background:#edf1f5; color:var(--navy); }
.language { margin-inline-start:.25rem; border:1px solid var(--line); color:var(--navy); font-weight:800; }
main { min-height:calc(100vh - 180px); padding:4rem 0; }
.hero { background:linear-gradient(135deg, var(--navy), #183967); color:var(--white); padding:clamp(2.5rem, 7vw, 5.8rem); border-radius:24px; overflow:hidden; position:relative; }
.hero::after { content:""; position:absolute; width:430px; height:430px; border:48px solid rgba(198,162,74,.22); border-radius:50%; inset:auto -140px -255px auto; }
.eyebrow { color:var(--gold); text-transform:uppercase; font-size:.76rem; letter-spacing:.13em; font-weight:900; }
h1 { font-size:clamp(2.2rem, 5vw, 4.1rem); line-height:1.1; margin:.55rem 0 1rem; letter-spacing:-.04em; max-width:720px; }
.hero p { max-width:640px; margin:0; font-size:1.1rem; color:#d9e3ef; }
.hero-actions { display:flex; gap:.75rem; flex-wrap:wrap; margin-top:1.75rem; position:relative; z-index:1; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border-radius:9px; padding:.6rem 1rem; background:var(--gold); color:#1b2634; text-decoration:none; font-weight:850; }
.button.secondary { background:transparent; border:1px solid rgba(255,255,255,.45); color:var(--white); }
.section { margin-top:3rem; }
.section h2 { font-size:1.55rem; color:var(--navy); letter-spacing:-.02em; margin:0 0 .5rem; }
.section > p { color:var(--muted); max-width:720px; margin:0 0 1rem; }
.grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem; }
.card { background:var(--white); border:1px solid var(--line); border-radius:14px; padding:1.3rem; }
.card h3 { margin:0 0 .35rem; font-size:1rem; color:var(--navy); }
.card p { color:var(--muted); margin:0; font-size:.94rem; }
.legal { max-width:820px; margin:0 auto; }
.legal-header { margin-bottom:2rem; }
.legal h1 { color:var(--navy); font-size:clamp(2.15rem, 4vw, 3.2rem); }
.legal .intro { color:var(--muted); font-size:1.05rem; }
.legal-section { background:var(--white); border:1px solid var(--line); border-radius:14px; padding:1.35rem; margin:1rem 0; }
.legal-section h2 { color:var(--navy); font-size:1.14rem; margin:0 0 .5rem; }
.legal-section p, .legal-section li { color:#3e4754; }
.legal-section p { margin:.3rem 0; }
.legal-section ul, .legal-section ol { margin:.65rem 0 0; padding-inline-start:1.35rem; }
.notice { border-inline-start:4px solid var(--gold); background:#fffbef; padding:1rem 1.1rem; border-radius:0 10px 10px 0; color:#594a22; }
.email { color:var(--navy); font-weight:850; text-decoration-thickness:1px; text-underline-offset:3px; direction:ltr; unicode-bidi:embed; }
.footer { border-top:1px solid var(--line); background:var(--white); padding:1.4rem 0; color:var(--muted); font-size:.88rem; }
.footer-row { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
.footer-links { display:flex; gap:1rem; flex-wrap:wrap; }
[dir="rtl"] body { font-family:Tahoma, Arial, sans-serif; }
[dir="rtl"] .header-row, [dir="rtl"] .footer-row { flex-direction:row-reverse; }
[dir="rtl"] .nav { justify-content:flex-start; }
[dir="rtl"] .hero::after { inset:auto auto -255px -140px; }
@media (max-width:760px) { .header { position:static; } .header-row { padding:.8rem 0; align-items:flex-start; flex-direction:column; } .nav { justify-content:flex-start; } [dir="rtl"] .header-row { flex-direction:column; align-items:flex-end; } [dir="rtl"] .nav { justify-content:flex-end; } main { padding:2rem 0; } .hero { border-radius:16px; } .grid { grid-template-columns:1fr; } }