*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#07111c;--bg2:#040913;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.06);--text:#eef4ff;--muted:#b9c7d9;--yellow:#f1c84d;--yellow-dark:#ddb534;--shadow:0 18px 38px rgba(0,0,0,.22);--max:1380px}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top right, rgba(241,200,77,.05), transparent 18%),radial-gradient(circle at left top, rgba(44,89,179,.10), transparent 24%),linear-gradient(180deg,var(--bg),var(--bg2) 76%,#03060b);line-height:1.5}
a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.container{max-width:var(--max);margin:0 auto;padding:0 24px}
.topbar{position:sticky;top:0;z-index:100;background:rgba(4,10,18,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,var(--yellow),#f7dc89);color:#0b1830;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.14)}
.brand-text strong{display:block;font-size:38px;letter-spacing:.2px}.brand-text span{display:block;font-size:12px;color:#d7e1ef}.nav{display:flex;gap:30px;color:#d3deed;font-size:15px}.top-actions{display:flex;gap:12px;align-items:center}
.btn{min-height:50px;padding:0 22px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid transparent}.btn-primary{background:var(--yellow);color:#0b1830;box-shadow:0 8px 18px rgba(0,0,0,.14)}.btn-secondary{background:rgba(255,255,255,.04);border-color:var(--line);color:#fff}
.hero{padding:36px 0 18px}.hero-shell{border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow);padding:42px;display:grid;grid-template-columns:1.15fr .85fr;gap:22px;background:radial-gradient(circle at 78% 14%, rgba(241,200,77,.08), transparent 16%),linear-gradient(135deg,#10294a,#08121f)}
.hero-badge{display:inline-flex;min-height:42px;padding:0 16px;align-items:center;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#f2d780;font-size:13px;font-weight:800;margin-bottom:18px}
.hero-copy h1{font-size:68px;line-height:1.01;letter-spacing:-1.8px;margin-bottom:18px;max-width:820px}.hero-copy p{font-size:20px;color:#d5dfed;max-width:760px;margin-bottom:26px}
.hero-panel{border:1px solid var(--line2);border-radius:28px;background:rgba(8,18,34,.78);padding:26px}.panel-topline{color:#f2d780;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:8px}
.hero-panel h3{font-size:32px;line-height:1.08;margin-bottom:12px}.hero-panel ul{list-style:none;display:grid;gap:12px;margin-top:14px}.hero-panel li{position:relative;padding-left:18px;color:#d9e4f2}.hero-panel li::before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:999px;background:var(--yellow)}
.list-section{padding:22px 0 50px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:28px}.section-kicker{color:#f2d780;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.section-head h2{font-size:42px;line-height:1.05;max-width:760px}.section-head p{max-width:560px;color:var(--muted)}.load-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.load-card{border:1px solid rgba(255,255,255,.07);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));box-shadow:var(--shadow);padding:24px}
.load-card-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.load-tag{display:inline-flex;min-height:28px;padding:0 10px;align-items:center;border-radius:999px;background:rgba(241,200,77,.14);color:#ffe08a;font-size:12px;font-weight:700}
.load-ref{color:#b9c7d9;font-size:12px}.load-card h3{font-size:30px;line-height:1.08;margin-bottom:12px}.load-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:14px;color:#d9e4f2;font-size:14px}
.load-card p{color:#c9d5e8;margin-bottom:18px}.load-actions{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:1250px){.nav{display:none}.hero-shell{grid-template-columns:1fr}.load-grid{grid-template-columns:1fr}}
@media (max-width:760px){.top-actions{display:none}.hero-copy h1,.section-head h2{font-size:34px}.load-meta{grid-template-columns:1fr}}