:root{
  color-scheme:dark;
  --bg:#090b16;
  --panel:#151a2c;
  --line:#303a5d;
  --text:#f4f6ff;
  --muted:#aeb9db;
  --red:#ff446f;
  --gold:#ffd447;
  --blue:#45a6ff;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:linear-gradient(180deg,#101524 0%,var(--bg) 420px);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}
a{color:#8ec5ff}
.shell{width:min(860px,calc(100% - 32px));margin:0 auto}
header{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(9,11,22,.9)}
nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:900;text-decoration:none;text-transform:uppercase}
.brand img{width:42px;height:42px;border-radius:8px}
.brand span{color:var(--red)}
.links{display:flex;gap:18px;font-size:14px;font-weight:750}
.links a{color:var(--muted);text-decoration:none}
main{padding:52px 0 72px}
.intro{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;margin-bottom:38px}
.intro img{width:96px;height:96px;border-radius:18px;box-shadow:0 18px 38px rgba(0,0,0,.36)}
h1{font-size:clamp(34px,7vw,58px);line-height:1;margin:0 0 10px;text-transform:uppercase}
h1 span{color:var(--red)}
h2{font-size:23px;margin:34px 0 10px}
h3{font-size:17px;margin:24px 0 6px}
p,li{color:#d4dcf7}
.muted{color:var(--muted)}
.panel{background:rgba(21,26,44,.92);border:1px solid var(--line);border-radius:8px;padding:22px;margin:18px 0}
.contact{display:inline-flex;min-height:46px;align-items:center;padding:0 18px;border-radius:8px;background:linear-gradient(180deg,#6371ff,#3944d8);color:white;font-weight:850;text-decoration:none}
.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;color:var(--muted);font-size:13px}
ul{padding-left:22px}
footer{border-top:1px solid rgba(255,255,255,.08);padding:24px 0 36px;color:var(--muted);font-size:13px}
@media(max-width:560px){
  nav{align-items:flex-start;flex-direction:column;padding:14px 0}.links{width:100%;justify-content:space-between}.intro{grid-template-columns:68px 1fr;gap:16px}.intro img{width:68px;height:68px;border-radius:13px}main{padding-top:34px}.panel{padding:17px}
}