body{margin:0;font-family:system-ui,Arial,sans-serif;background:#f8fafc;color:#222;}
.container{max-width:1100px;margin:0 auto;padding:0 1.2rem;}
.flex{display:flex;} .between{justify-content:space-between;} .center{align-items:center;}
.site-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10;}
.logo{font-weight:600;font-size:1.1rem;}
.nav-link{margin:0 .6rem;text-decoration:none;color:#334155;font-size:.9rem;}
.nav-link:hover{color:#0d5bd4;}
.langs .lang{margin-left:.4rem;text-decoration:none;padding:.3rem .5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.75rem;color:#334155;}
.langs .lang.active,.langs .lang:hover{background:#0d5bd4;color:#fff;border-color:#0d5bd4;}
.btn-primary{background:#0d5bd4;color:#fff !important;padding:.55rem 1rem;border-radius:6px;text-decoration:none;font-size:.85rem;display:inline-block;}
.btn-primary:hover{background:#0b4aa8;}
.hero{background:linear-gradient(135deg,#0d5bd4,#093b7a);color:#fff;padding:4rem 0;margin-bottom:2rem;}
.hero h1{margin:0;font-size:2rem;line-height:1.2;max-width:38rem;}
.hero .sub{margin-top:1rem;max-width:40rem;font-size:1rem;opacity:.9;}
.services h2{margin:0 0 1.5rem;}
.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;font-size:.9rem;box-shadow:0 1px 2px rgba(0,0,0,.04);} .card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);}
.content{padding:2rem 0;}
.site-footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:3rem;padding:1.4rem 0;font-size:.75rem;text-align:center;color:#475569;}
.form-grid{display:grid;gap:.8rem;max-width:640px;}
.form-grid input,.form-grid textarea{width:100%;padding:.65rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;font-family:inherit;}
.form-grid button{cursor:pointer;border:none;}
.alert{padding:.7rem 1rem;border-radius:6px;margin:1rem 0;font-size:.8rem;}
.alert.success{background:#dcfce7;color:#166534;}
.alert.error{background:#fee2e2;color:#b91c1c;}
.service-list{list-style:none;padding:0;display:grid;gap:.6rem;max-width:500px;}
.service-list li{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.6rem .8rem;font-size:.85rem;}
@media (max-width:700px){.nav{display:none;} .langs{margin-left:.5rem;} .hero{padding:3rem 0;} .hero h1{font-size:1.55rem;} }
[dir='rtl'] body{font-family:'Tahoma',sans-serif;} [dir='rtl'] .nav-link,[dir='rtl'] .lang{font-size:.8rem;}