:root{--bg-color: #0a192f;--light-bg: #112240;--text-primary: #ccd6f6;--text-secondary: #8892b0;--accent: #2affd5;--accent-glow: rgba(100, 255, 218, .1);--white: #e6f1ff;--font-main: "Inter", sans-serif;--transition: all .3s cubic-bezier(.645, .045, .355, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}.header{position:fixed;top:0;width:100%;background:#0a192fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:20px 0;box-shadow:0 10px 30px -10px #020c1bb3}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--accent)}.logo .highlight{color:var(--white)}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{font-size:.9rem;color:var(--text-primary)}.nav-links a:hover{color:var(--accent)}.btn-primary{border:1px solid var(--accent);color:var(--accent);padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;background:transparent}.btn-primary:hover{background:var(--accent-glow)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:80px}.hero-content{z-index:2;max-width:800px}.overline{color:var(--accent);font-family:monospace;margin-bottom:20px;font-size:1rem}h1{font-size:clamp(40px,8vw,70px);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:20px}.text-gradient{background:linear-gradient(45deg,var(--accent),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:clamp(16px,4vw,20px);color:var(--text-secondary);max-width:540px;margin-bottom:50px}.cta-group{display:flex;gap:20px}.btn-secondary{padding:.75rem 1.5rem;color:var(--text-primary);border:1px solid transparent}.btn-secondary:hover{color:var(--accent)}.hero-bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.circle{position:absolute;border-radius:50%;background:var(--accent);opacity:.05;filter:blur(80px)}.circle-1{width:400px;height:400px;top:-100px;right:-100px}.circle-2{width:300px;height:300px;bottom:50px;left:-50px}.section{padding:100px 0}.section-title{font-size:clamp(26px,5vw,32px);color:var(--white);margin-bottom:40px;display:flex;align-items:center;white-space:nowrap}.section-title:after{content:"";display:block;width:300px;height:1px;background:var(--light-bg);margin-left:20px}.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:50px;align-items:center}.about-text p{margin-bottom:15px;color:var(--text-secondary)}.about-text strong{color:var(--accent)}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{background:var(--light-bg);padding:20px;border-radius:4px;text-align:center;transition:var(--transition)}.stat-card:hover{transform:translateY(-5px)}.stat-card .number{display:block;font-size:2rem;font-weight:700;color:var(--white)}.stat-card .label{font-size:.8rem;font-family:monospace;color:var(--accent)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.tech-card{background:var(--light-bg);padding:30px;border-radius:4px;transition:var(--transition);cursor:default}.tech-card:hover{transform:translateY(-7px)}.tech-card h3{color:var(--white);margin-bottom:15px;font-size:1.3rem}.tech-card p{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-list li{font-family:monospace;font-size:.8rem;color:var(--accent)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-item{text-align:center;padding:30px 20px}.service-item .icon{font-size:3rem;margin-bottom:20px}.service-item h3{color:var(--white);margin-bottom:10px}.service-item p{color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.project-card{background:var(--light-bg);padding:30px;border-radius:8px;transition:var(--transition);position:relative;border:1px solid rgba(100,255,218,.1)}.project-card:hover{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 10px 30px -10px var(--accent-glow)}.project-card.featured{border-color:var(--accent)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-badge{background:linear-gradient(45deg,var(--accent),#fff);color:var(--bg-color);padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-badge.confidential{background:linear-gradient(45deg,#8892b0,#ccd6f6);color:var(--bg-color)}.project-status{color:var(--accent);font-size:.85rem;font-family:monospace}.project-card h3{color:var(--white);font-size:1.8rem;margin-bottom:15px}.project-description{color:var(--text-secondary);line-height:1.7;margin-bottom:20px;font-size:.95rem}.project-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.tech-tag{font-family:monospace;font-size:.75rem;color:var(--accent);background:#64ffda1a;padding:5px 12px;border-radius:4px;border:1px solid rgba(100,255,218,.2)}.project-links{display:flex;gap:15px}.project-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.9rem;font-weight:600;padding:10px 0;transition:var(--transition)}.project-link:hover{gap:12px}.project-link svg{transition:var(--transition)}.contact{text-align:center;margin-bottom:100px}.contact-content{max-width:600px;margin:0 auto}.contact h2{font-size:clamp(30px,5vw,50px);color:var(--white);margin-bottom:20px}.contact p{color:var(--text-secondary);margin-bottom:40px;font-size:1.1rem}.email-link{font-size:1.5rem;color:var(--accent);font-weight:600;border-bottom:2px solid transparent}.email-link:hover{border-bottom-color:var(--accent)}.location{margin-top:30px;font-size:.9rem;font-family:monospace}.footer{padding:20px 0;text-align:center;color:var(--text-secondary);font-size:.8rem;font-family:monospace}@media (max-width: 768px){.nav-links{display:none}.about-grid{grid-template-columns:1fr}.section-title:after{width:100%}}