*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#070707;--card:#0d0d0f;--text:#f5f5f5;--muted:#8b8b91;
  --red:#ff2438;--red2:#b90018;--line:#202024;--max:1180px
}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:-2}
.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.nav{height:82px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}
.logo{font-weight:800;letter-spacing:-1px;font-size:21px}.logo span{color:var(--red)}
.nav nav{display:flex;gap:36px;color:#999;font-size:13px}.nav nav a{transition:.25s}.nav nav a:hover{color:#fff}
.nav-contact{font-size:12px;font-weight:700;border:1px solid #303036;padding:12px 16px;border-radius:7px;transition:.25s}.nav-contact:hover{border-color:var(--red);box-shadow:0 0 22px #ff24381c}.nav-contact span,.btn span{color:var(--red);margin-left:8px}
.hero{min-height:calc(100vh - 82px);max-width:var(--max);margin:auto;padding:70px 28px 110px;display:flex;align-items:center;justify-content:space-between;gap:70px;position:relative}
.hero-content{position:relative;z-index:2;max-width:650px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #25252a;background:#0c0c0e;border-radius:100px;padding:8px 13px;color:#999;font-size:11px;margin-bottom:25px}
.status-dot{width:6px;height:6px;background:#35d47a;border-radius:50%;box-shadow:0 0 10px #35d47a}
h1{font-size:clamp(68px,10vw,132px);line-height:.84;letter-spacing:-.075em;font-weight:800}
h1 span{color:transparent;-webkit-text-stroke:1px #f5f5f5}.cursor{color:var(--red)!important;-webkit-text-stroke:0!important}
.hero-text{max-width:520px;color:#888;line-height:1.8;font-size:15px;margin:31px 0}.hero-text strong{color:#ddd}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:14px 20px;font-size:12px;font-weight:700;transition:.25s}
.btn.primary{background:var(--red);color:#fff;box-shadow:0 10px 35px #ff243825}.btn.primary:hover{background:#ff3b4c;transform:translateY(-2px);box-shadow:0 15px 40px #ff24383d}.btn.primary span{color:#fff}
.btn.ghost{border:1px solid #2a2a2e;color:#aaa}.btn.ghost:hover{border-color:#555;color:#fff}
.code-card{width:410px;background:#0b0b0d;border:1px solid #26262b;border-radius:12px;box-shadow:0 35px 100px #000;transform:rotate(2deg);overflow:hidden;position:relative;z-index:2}
.window-bar{height:42px;border-bottom:1px solid #202024;display:flex;align-items:center;padding:0 15px;gap:6px}.window-bar span{width:7px;height:7px;border-radius:50%;background:#343438}.window-bar small{margin-left:auto;color:#555;font:11px "JetBrains Mono",monospace}
pre{padding:27px 28px 32px;overflow:auto;font:13px/2 "JetBrains Mono",monospace;color:#777}code b{color:#f2f2f2}code i{color:var(--red);font-style:normal}code em{color:#a6a6ad;font-style:normal}.code-line{height:2px;width:45%;background:var(--red);box-shadow:0 0 15px #ff2438}
.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.glow-one{width:300px;height:300px;background:#ff102622;right:22%;top:18%}.glow-two{width:180px;height:180px;background:#ff102615;left:-8%;bottom:0}
.section{max-width:var(--max);margin:auto;padding:120px 28px}.section-label{font:700 10px "JetBrains Mono",monospace;letter-spacing:.18em;color:var(--red);margin-bottom:35px}
.section-content{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;border-top:1px solid var(--line);padding-top:45px}.big-copy{font-size:clamp(35px,5vw,63px);line-height:1.05;letter-spacing:-.055em;font-weight:700}.big-copy span{color:var(--red)}
.about-copy{color:#777;font-size:14px;line-height:1.9}.about-copy p+p{margin-top:20px}
.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.skill-card{min-height:310px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:#09090b;transition:.3s}.skill-card:hover{background:#0e0e11;transform:translateY(-5px);box-shadow:0 25px 60px #000}.skill-card.featured{background:linear-gradient(145deg,#12090b,#09090b)}
.number{position:absolute;right:20px;top:20px;font:10px "JetBrains Mono",monospace;color:#444}.icon{width:48px;height:48px;border:1px solid #303035;border-radius:9px;display:grid;place-items:center;font:700 15px "JetBrains Mono",monospace;color:var(--red);margin-bottom:70px}.icon.telegram{font-size:20px}.skill-card h3{font-size:18px;margin-bottom:10px}.skill-card p{font-size:12px;color:#777;line-height:1.7}.tag{position:absolute;bottom:25px;left:27px;font:9px "JetBrains Mono",monospace;color:#444;letter-spacing:.1em}
.contact{padding-top:90px;padding-bottom:140px}.contact-box{border:1px solid #242428;background:radial-gradient(circle at 90% 20%,#ff243815,transparent 35%),#0a0a0c;padding:70px;text-align:center;border-radius:12px;position:relative;overflow:hidden}.contact-box .section-label{margin-bottom:25px}.contact h2{font-size:clamp(45px,7vw,82px);line-height:.95;letter-spacing:-.065em}.contact h2 span{color:var(--red)}.contact-box p{color:#777;font-size:13px;margin:25px auto 30px;max-width:430px}.large{padding:16px 24px}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:30px 28px 40px;display:flex;align-items:center;justify-content:space-between;color:#555;font-size:10px}.copyright{font-family:"JetBrains Mono",monospace}
@media(max-width:900px){.code-card{display:none}.hero{min-height:auto;padding-top:80px}.section-content{grid-template-columns:1fr;gap:35px}.skill-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nav{padding:0 18px;height:70px}.nav nav{display:none}.nav-contact{padding:10px 12px}.hero{padding:65px 18px 90px}.eyebrow{font-size:10px}h1{font-size:20vw}.hero-text{font-size:13px}.section{padding:85px 18px}.skill-grid{grid-template-columns:1fr}.skill-card{min-height:270px}.contact{padding-top:40px;padding-bottom:90px}.contact-box{padding:55px 20px}footer{padding:25px 18px;gap:15px;flex-wrap:wrap}}