*{margin:0;padding:0;box-sizing:border-box}:root{--steel-gray: #2A2F3A;--carbon-black: #1A1D23;--electric-blue: #00D4FF;--rust-orange: #FF6B35;--arctic-white: #F8FAFC;--steel-blue: #4A5568;--neon-cyan: #00FFF0;--deep-charcoal: #0F1419;--gunmetal: #2D3748}body{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;line-height:1.6;color:#f8fafc;background:#1a1d23;overflow-x:hidden}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:linear-gradient(rgba(0,212,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.1) 1px,transparent 1px);background-size:100px 100px;animation:gridPulse 4s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.1}}.tech-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 15% 25%,rgba(0,212,255,.15) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(255,107,53,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,255,240,.08) 0%,transparent 70%)}nav{position:fixed;top:0;width:100%;background:#1a1d23d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,212,255,.3);z-index:1000;transition:all .3s ease}nav .nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}nav .logo{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:1.5rem;font-weight:700;color:#00d4ff;text-decoration:none;text-transform:uppercase;letter-spacing:2px;position:relative;display:flex;align-items:center;gap:.75rem}nav .logo .logo-img{height:2.5rem;width:auto;transition:all .3s ease}nav .logo:hover .logo-img{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(0,212,255,.5))}nav .logo:after{content:"_";animation:blink 1s infinite;color:#ff6b35}nav .nav-links{display:flex;gap:2.5rem;list-style:none}nav .nav-links a{color:#f8fafc;text-decoration:none;font-weight:500;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;transition:all .3s ease;position:relative}nav .nav-links a:before{content:"> ";opacity:0;transition:opacity .3s ease;color:#00d4ff}nav .nav-links a:hover{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}nav .nav-links a:hover:before{opacity:1}nav .cta-nav{background:linear-gradient(45deg,#00d4ff,#00fff0);color:#1a1d23;padding:.75rem 1.5rem;border:none;border-radius:4px;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;transition:all .3s ease;box-shadow:0 0 20px #00d4ff4d}nav .cta-nav:hover{transform:translateY(-2px);box-shadow:0 5px 25px #00d4ff80;background:linear-gradient(45deg,#00fff0,#00d4ff)}nav .mobile-menu-btn{display:none;background:none;border:none;color:#f8fafc;font-size:1.5rem;cursor:pointer}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:left;padding:8rem 2rem 4rem;position:relative}.hero .hero-content{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero .hero-text h1{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:3.5rem;font-weight:900;color:#f8fafc;margin-bottom:1.5rem;line-height:1.1;text-transform:uppercase;letter-spacing:-1px}.hero .hero-text .tagline{font-size:1.3rem;color:#4a5568;margin-bottom:2rem;font-weight:400;text-transform:none;letter-spacing:.5px}.hero .hero-text .description{font-size:1.1rem;color:#f8fafc;margin-bottom:3rem;opacity:.9;line-height:1.7}.hero .hero-cta{display:flex;gap:1.5rem;align-items:center}.cyber-text{color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.7);position:relative}.hero-visual{position:relative;height:500px;background:linear-gradient(135deg,#00d4ff1a,#ff6b351a);border:1px solid rgba(0,212,255,.3);border-radius:8px;overflow:hidden}.hero-visual .code-matrix{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:14px;color:#00d4ff;overflow:hidden;padding:20px;white-space:pre-wrap}.hero-visual .code-matrix .typing-cursor{color:#00d4ff;animation:blink 1s infinite}.btn-primary{background:linear-gradient(45deg,#00d4ff,#00fff0);color:#1a1d23;padding:1.2rem 2.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 25px #00d4ff66;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff99}.btn-primary:hover:before{left:100%}.btn-secondary{background:transparent;color:#f8fafc;padding:1.2rem 2.5rem;border:2px solid #4A5568;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-transform:uppercase;letter-spacing:1px}.btn-secondary:hover{border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 20px #00d4ff4d}.services{padding:8rem 2rem;background:#2a2f3a4d;border-top:1px solid rgba(0,212,255,.2)}.container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:2.5rem;font-weight:700;color:#f8fafc;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.section-header p{font-size:1.2rem;color:#4a5568;max-width:700px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background:#1a1d23b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:3rem;text-align:left;transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d4ff,#00fff0);transform:scaleX(0);transition:transform .3s ease}.service-card:hover{transform:translateY(-5px);border-color:#00d4ff;box-shadow:0 15px 40px #00d4ff33}.service-card:hover:before{transform:scaleX(1)}.service-card .service-icon{font-size:2.5rem;margin-bottom:1.5rem;color:#00d4ff}.service-card h3{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:1.3rem;font-weight:600;color:#f8fafc;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.service-card p{color:#4a5568;line-height:1.7;font-size:1rem}.about{padding:8rem 2rem;background:#0f141980}.about .about-content{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about .about-text h2{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:2.2rem;font-weight:700;color:#f8fafc;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.about .about-text p{font-size:1.1rem;color:#4a5568;margin-bottom:1.5rem;line-height:1.7}.about .credentials{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.about .credentials .credential{background:#1a1d2380;border:1px solid rgba(0,212,255,.2);border-radius:6px;padding:1.5rem;text-align:center}.about .credentials .credential .credential-title{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:.9rem;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.about .credentials .credential .credential-detail{color:#f8fafc;font-size:1rem;opacity:.9}.about .tech-stack{position:relative;height:400px;background:#1a1d23b3;border:1px solid rgba(0,212,255,.3);border-radius:8px;overflow:hidden;padding:2rem}.about .tech-stack .stack-item{position:absolute;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:4px;padding:.5rem 1rem;font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:.9rem;color:#00d4ff;animation:float 8s ease-in-out infinite}.about .tech-stack .stack-item:nth-child(1){top:15%;left:8%;animation-delay:0s}.about .tech-stack .stack-item:nth-child(2){top:35%;right:12%;animation-delay:1s}.about .tech-stack .stack-item:nth-child(3){top:55%;left:15%;animation-delay:2s}.about .tech-stack .stack-item:nth-child(4){top:25%;left:45%;animation-delay:3s}.about .tech-stack .stack-item:nth-child(5){bottom:25%;right:20%;animation-delay:4s}.about .tech-stack .stack-item:nth-child(6){top:75%;right:35%;animation-delay:5s}.about .tech-stack .stack-item:nth-child(7){bottom:45%;left:35%;animation-delay:6s}.about .tech-stack .stack-item:nth-child(8){top:45%;right:45%;animation-delay:7s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.contact{padding:8rem 2rem;background:#2a2f3a4d;border-top:1px solid rgba(0,212,255,.2)}.contact .contact-content{max-width:900px;margin:0 auto;text-align:center}.contact h2{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:2.5rem;font-weight:700;color:#f8fafc;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px}.contact p{font-size:1.2rem;color:#4a5568;margin-bottom:3rem}.contact .contact-form{display:grid;gap:2rem;text-align:left}.contact .form-group{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact .form-field{display:flex;flex-direction:column}.contact .form-field label{color:#f8fafc;font-weight:600;margin-bottom:.8rem;font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.contact .form-field input,.contact .form-field textarea{background:#1a1d23cc;border:1px solid rgba(0,212,255,.3);border-radius:4px;padding:1.2rem;color:#f8fafc;font-size:1rem;font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;transition:all .3s ease}.contact .form-field input:focus,.contact .form-field textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;background:#1a1d23e6}.contact .form-field textarea{resize:vertical;min-height:140px}.contact .form-submit{text-align:center;margin-top:2rem}.contact .form-message{padding:1rem;border-radius:4px;font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:.9rem;text-align:center;margin-top:1rem;opacity:0;transform:translateY(-10px);transition:all .3s ease}.contact .form-message.success{background:#00fff01a;border:1px solid rgba(0,255,240,.3);color:#00fff0;opacity:1;transform:translateY(0)}.contact .form-message.error{background:#ff6b351a;border:1px solid rgba(255,107,53,.3);color:#ff6b35;opacity:1;transform:translateY(0)}footer{background:#1a1d23;border-top:1px solid rgba(0,212,255,.2);padding:3rem 2rem 1rem;text-align:center}footer .footer-content{max-width:1400px;margin:0 auto}footer .footer-logo{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:1.3rem;font-weight:700;color:#00d4ff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}footer .footer-text{color:#4a5568;margin-bottom:2rem}footer .footer-bottom{border-top:1px solid rgba(74,85,104,.2);padding-top:1rem;color:#4a5568;font-size:.9rem;font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace}@keyframes cyberRipple{to{transform:scale(2);opacity:0}}@media (max-width: 768px){nav .nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:#1a1d23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;border-top:1px solid rgba(0,212,255,.2)}nav .nav-links li{margin:.5rem 0}nav .mobile-menu-btn{display:block}.hero .hero-content{grid-template-columns:1fr;text-align:center}.hero .hero-text h1{font-size:2.5rem}.hero .hero-cta{flex-direction:column;align-items:center}.about .about-content,.about .credentials,.contact .form-group{grid-template-columns:1fr}.section-header h2{font-size:2rem}}