:root{--bg:#050b16;--bg-alt:#091426;--surface:rgba(12,25,45,.78);--text:#f3f7ff;--muted:#9aacC5;--primary:#20c7ff;--primary-dark:#0b9bd2;--border:rgba(139,175,220,.25);--glow:rgba(32,199,255,.2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.65;background-image:radial-gradient(circle at 50% 8%,#102a52 0,transparent 37%),linear-gradient(rgba(96,155,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(96,155,220,.035) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.container{width:min(90%,1120px);margin:auto}.section{padding:104px 0}.bg-alt{background:rgba(8,21,41,.74);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:48px;font-weight:700;letter-spacing:-.035em;text-align:center}h2:after{content:'';display:block;width:54px;height:3px;background:var(--primary);margin:13px auto 0;box-shadow:0 0 18px var(--glow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border:1px solid transparent;border-radius:5px;font-weight:700;text-decoration:none;transition:.25s ease;cursor:pointer;font-family:'Inter',sans-serif}.btn-primary{color:#001321;background:var(--primary);box-shadow:0 9px 26px var(--glow)}.btn-primary:hover{background:#72ddff;transform:translateY(-2px)}.btn-secondary{color:var(--text);border-color:#52779d;background:rgba(5,14,28,.45)}.btn-secondary:hover{color:var(--primary);border-color:var(--primary);background:rgba(32,199,255,.07)}.btn-block{width:100%}
header{position:fixed;inset:0 0 auto;z-index:10;border-bottom:1px solid var(--border);background:rgba(5,11,22,.84);backdrop-filter:blur(16px)}.nav-container{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:'Fira Code',monospace;font-size:1.05rem;color:var(--text);text-decoration:none;font-weight:600}.logo:first-letter{color:var(--primary)}nav ul{display:flex;list-style:none;gap:28px;align-items:center}nav a{color:var(--muted);font-size:.9rem;text-decoration:none;transition:.2s}nav a:hover{color:var(--primary)}.btn-nav{padding:8px 14px;border:1px solid var(--primary);border-radius:4px;color:var(--primary)!important}.btn-nav:hover{color:#001321!important;background:var(--primary)}
.hero{min-height:100vh;display:flex;align-items:center;text-align:center;padding:124px 0 74px}.hero-content{max-width:880px}.badge{display:inline-block;margin-bottom:22px;padding:7px 14px;border:1px solid rgba(32,199,255,.65);border-radius:4px;background:rgba(9,30,52,.68);color:var(--primary);font:.78rem 'Fira Code',monospace;letter-spacing:.04em}.badge:before{content:'●';font-size:.6rem;margin-right:9px}.hero h1{max-width:840px;margin:0 auto 20px;font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.05;letter-spacing:-.055em}.highlight{color:var(--primary);text-shadow:0 0 24px rgba(32,199,255,.2)}.hero p{max-width:720px;margin:0 auto 34px;color:#b6c4d8;font:1.06rem/1.65 'Fira Code',monospace}.hero-buttons{display:flex;justify-content:center;gap:12px}
.about-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:30px;align-items:stretch}.about-text,.about-stats{border:1px solid var(--border);background:var(--surface);border-radius:9px}.about-text{padding:34px}.about-text p{color:#b6c4d8;font-size:1.03rem}.about-text p+p{margin-top:15px}.about-stats{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.stat-card{display:grid;place-content:center;padding:22px;text-align:center}.stat-card+.stat-card{border-left:1px solid var(--border)}.stat-card h3{color:var(--primary);font:700 2.4rem 'Fira Code',monospace;text-shadow:0 0 20px var(--glow)}.stat-card p{margin-top:5px;color:var(--muted);font-size:.83rem}
.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skill-category,.service-card{background:var(--surface);border:1px solid var(--border);border-radius:8px}.skill-category{padding:28px}.skill-category h3{display:flex;align-items:center;gap:11px;margin-bottom:20px;font-size:1.05rem}.skill-category h3 i,.service-card i{color:var(--primary);text-shadow:0 0 15px var(--glow)}.skill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.tag{display:inline-block;padding:7px 10px;border:1px solid rgba(104,150,201,.3);border-radius:4px;background:#0c1b30;color:#c2d1e3;font:.77rem 'Fira Code',monospace}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:28px 24px;transition:.25s ease}.service-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 16px 36px rgba(0,0,0,.28)}.service-card i{display:block;margin-bottom:22px;font-size:1.85rem}.service-card h3{margin-bottom:10px;font-size:1.08rem;line-height:1.3}.service-card p{color:var(--muted);font-size:.9rem}
.contact-container{max-width:680px;text-align:center}.contact-container>p{margin:-24px auto 32px;color:var(--muted)}.contact-form{padding:25px;border:1px solid var(--border);border-radius:9px;background:var(--surface);text-align:left}.form-group{margin-bottom:14px}.contact-form input,.contact-form textarea{width:100%;padding:14px 15px;border:1px solid rgba(112,153,196,.35);border-radius:5px;background:#071325;color:var(--text);font: .9rem 'Inter',sans-serif;transition:.2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#71829a}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(32,199,255,.11)}
footer{padding:30px 0;border-top:1px solid var(--border);background:#040913}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-content p{color:#7f91aa;font-size:.85rem}.social-links{display:flex;gap:17px}.social-links a{color:#8ea5c2;font-size:1.15rem;transition:.2s}.social-links a:hover{color:var(--primary);transform:translateY(-2px)}@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:1fr}.section{padding:76px 0}}@media(max-width:640px){.container{width:min(100% - 32px,1120px)}.nav-container{height:64px}nav ul{gap:14px}nav ul li:not(:last-child){display:none}.hero{min-height:auto;padding:150px 0 80px}.hero h1{font-size:2.7rem}.hero p{font-size:.94rem}.hero-buttons{flex-direction:column}.about-grid,.about-stats,.services-grid{grid-template-columns:1fr}.stat-card+.stat-card{border-left:0;border-top:1px solid var(--border)}.services-grid{gap:12px}.section{padding:64px 0}.footer-content{flex-direction:column;gap:14px;text-align:center}}