
:root{--brand:#6657e8;--dark:#10121c;--ink:#202235;--muted:#6b7280;--soft:#f5f3ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.top{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.logo{font-weight:900;font-size:24px;color:#333}.logo span{color:#1688c9}.nav a{color:#111;text-decoration:none;margin:0 10px;font-weight:650}.btn{display:inline-block;background:var(--brand);color:#fff!important;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:800}.btn.secondary{background:#fff;color:var(--brand)!important;border:1px solid var(--brand)}.hero{background:linear-gradient(90deg,rgba(17,20,42,.84),rgba(17,20,42,.55)),url('/uploads/office.jpg') center/cover no-repeat;color:white;padding:90px 22px}.wrap{max-width:1180px;margin:auto}.hero h1{font-size:48px;line-height:1.05;margin:0 0 18px}.hero p{font-size:20px;max-width:760px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #eee;border-radius:16px;padding:24px;box-shadow:0 12px 35px rgba(30,30,70,.08)}.section{padding:70px 22px}.section.soft{background:#f7f6ff}.kicker{color:var(--brand);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.08em}h2{font-size:34px;margin:10px 0 15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.photo{border-radius:18px;min-height:360px;background:url('/uploads/office.jpg') center/cover no-repeat;box-shadow:0 18px 45px rgba(0,0,0,.16)}ul{line-height:1.9}.form{background:#fff;border-radius:18px;padding:26px;box-shadow:0 15px 40px rgba(20,20,60,.12)}input,textarea,select{width:100%;padding:14px;margin:8px 0;border:1px solid #ddd;border-radius:8px;font-size:15px}footer{background:#101116;color:#fff;padding:55px 22px}footer a{color:#ddd}.mini{color:var(--muted);font-size:14px}.langlist{columns:3}.breadcrumb{font-size:14px;margin-bottom:16px;color:#ddd}@media(max-width:850px){.grid,.split{grid-template-columns:1fr}.hero h1{font-size:36px}.nav{display:block}.nav a{display:inline-block;margin:8px 8px 0 0}.langlist{columns:1}}
