@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&family=Rajdhani:wght@400;600&display=swap');
:root{--gun:#2b3038;--char:#16191e;--navy:#0b1a33;--blue:#2fa8ff;--amber:#ffb627;--steel:linear-gradient(180deg,#f4f7fa,#aeb7c2 45%,#e6ebf0 55%,#7c8794)}
*{box-sizing:border-box}body{margin:0;font:18px/1.55 Rajdhani,sans-serif;color:#d9e2ec;background:var(--char);background-image:linear-gradient(rgba(47,168,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(47,168,255,.06) 1px,transparent 1px);background-size:32px 32px}
img{max-width:100%;display:block}a{color:var(--blue)}
h1,h2,h3{font-family:Orbitron,sans-serif;background:var(--steel);-webkit-background-clip:text;background-clip:text;color:transparent;margin:.2em 0}
h2{font-size:2rem;text-align:center}
nav{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:14px;padding:8px 18px;background:rgba(11,26,51,.92);border-bottom:1px solid var(--blue);box-shadow:0 0 14px rgba(47,168,255,.4)}
nav .av{width:42px;height:42px;border-radius:50%;border:2px solid var(--blue)}
.wm{display:flex;align-items:center;gap:8px;text-decoration:none}
.wm .l{font:800 30px Orbitron;background:var(--steel);-webkit-background-clip:text;color:transparent}
.badge{font:600 11px Orbitron;color:#fff;padding:3px 8px;transform:skewX(-14deg);border:1px solid var(--blue);background:#0d2b55;box-shadow:0 0 10px var(--blue);text-shadow:0 0 6px var(--blue)}
nav ul{margin-left:auto;display:flex;gap:16px;list-style:none;padding:0}nav ul a{color:#cfe6ff;text-decoration:none;font-weight:600}
.hero{position:relative;padding:40px 18px;background:linear-gradient(90deg,rgba(10,14,22,.95),rgba(11,26,51,.7)),var(--char)}
.hero .in{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center}
.hero h1{font-size:2.6rem}.tag{color:var(--amber);font-weight:600;font-size:1.2rem}
.hero .logo{width:180px;border-radius:6px;margin-bottom:10px}
.panel{background:linear-gradient(160deg,var(--gun),var(--navy));border:1px solid rgba(47,168,255,.6);box-shadow:0 0 16px rgba(47,168,255,.25);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);padding:14px}
.btn{display:inline-block;font:600 15px Orbitron;color:#081322;background:var(--amber);padding:12px 22px;text-decoration:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 14px var(--amber)}
section{max-width:1150px;margin:auto;padding:46px 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card h3{font-size:1.1rem}.card p{margin:.3em 0}.job{color:var(--amber);font-weight:600}
.note{text-align:center;opacity:.8;font-style:italic}
.about{display:flex;gap:18px;align-items:center}.about img{width:90px;border-radius:50%;border:2px solid var(--blue)}
footer{text-align:center;padding:24px;border-top:1px solid var(--blue);background:var(--navy);font-size:.95rem}
@media(max-width:800px){.hero .in{grid-template-columns:1fr}.hero h1{font-size:1.9rem}nav ul{display:none}.about{flex-direction:column;text-align:center}}

.banner{aspect-ratio:3/1;max-height:420px;width:100%;background:linear-gradient(0deg,#0b1018aa,transparent 50%),url(img/x/banner.jpg) center/cover;border-bottom:2px solid #2fa8ff66}
.avwrap{max-width:1150px;margin:auto;padding:0 18px;position:relative;z-index:2}
.bigav{width:min(134px,28vw);aspect-ratio:1;border-radius:50%;border:4px solid var(--char);outline:2px solid var(--blue);box-shadow:0 0 16px var(--blue);object-fit:cover;margin-top:calc(min(134px,28vw) / -2)}
.hero{padding-top:10px}