:root{--navy: #0A192F;--light-navy: #112240;--lightest-navy: #233554;--slate: #8892B0;--light-slate: #A8B2D1;--lightest-slate: #CCD6F6;--white: #E6F1FF;--green: #64FFDA;--transition: all .25s cubic-bezier(.645, .045, .355, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--navy);color:var(--light-slate);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--lightest-slate);font-weight:600}a{text-decoration:none;color:var(--green);transition:var(--transition)}a:hover{color:var(--green)}section{padding:100px 0}.section{margin:0 auto}.section-header{margin-bottom:50px}.section-header h2{font-size:32px;font-weight:700;position:relative;display:inline-block;margin-bottom:10px}.section-number{color:var(--green);font-family:Fira Code,monospace;font-weight:400;font-size:20px;margin-right:10px}.navbar{background-color:#0a192fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 0;transition:var(--transition)}.navbar.scrolled{box-shadow:0 10px 30px -10px #020c1bb3;padding:10px 0}.navbar-brand{font-weight:700}.logo-text{color:var(--green);font-family:Fira Code,monospace;font-size:24px}.navbar-nav{font-family:Fira Code,monospace}.nav-link{color:var(--lightest-slate)!important;margin:0 15px;padding:10px 0;position:relative;font-size:13px}.nav-link:hover,.nav-link.active{color:var(--green)!important}.nav-link:before{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--green);transition:var(--transition)}.nav-link:hover:before,.nav-link.active:before{width:100%}.navbar-icon{color:var(--green)}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:100px}.hero-content{padding:60px 0}.subtitle{color:var(--green);font-family:Fira Code,monospace;font-size:16px;margin-bottom:20px}.hero-title{font-size:80px;font-weight:700;margin:0;line-height:1.1}.hero-subtitle{font-size:60px;font-weight:700;margin:0 0 20px;line-height:1.1;color:var(--slate)}.hero-description{max-width:540px;margin-bottom:30px;font-size:18px}.hero-buttons{display:flex;gap:20px}.btn{padding:12px 28px;font-family:Fira Code,monospace;font-size:14px;border-radius:4px;transition:var(--transition)}.btn-primary{background-color:transparent;color:var(--green);border:1px solid var(--green)}.btn-primary:hover{background-color:#64ffda1a;color:var(--green);border-color:var(--green)}.btn-outline{background-color:transparent;color:var(--lightest-slate);border:1px solid var(--lightest-slate)}.btn-outline:hover{background-color:#a8b2d11a;color:var(--white)}.about-content p{margin-bottom:15px}.skills-container{margin-top:20px}.skills-list{list-style:none;padding:0;margin-bottom:0}.skills-list li{position:relative;margin-bottom:10px;padding-left:20px;font-family:Fira Code,monospace;font-size:14px}.skills-list li i{color:var(--green);position:absolute;left:0;top:7px;font-size:12px}.image-wrapper{position:relative;border-radius:4px;overflow:hidden}.image-wrapper:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#64ffda4d;z-index:1;mix-blend-mode:screen}.image-wrapper img{filter:grayscale(100%) contrast(1);transition:var(--transition);border-radius:4px}.image-wrapper:hover img{filter:none}.project-card{margin-bottom:100px;position:relative}.project-card:last-child{margin-bottom:0}.project-image{border-radius:4px;overflow:hidden;box-shadow:0 10px 30px -15px #020c1bb3;transition:var(--transition);position:relative}.project-image:hover{transform:translateY(-7px)}.project-title{font-size:28px;margin-bottom:15px}.project-title a{color:var(--lightest-slate)}.project-title a:hover{color:var(--green)}.project-description{position:relative;z-index:2;padding:20px;background-color:var(--light-navy);color:var(--light-slate);border-radius:4px;font-size:16px;margin-bottom:15px}.project-tech-list{display:flex;flex-wrap:wrap;margin:0 0 15px;padding:0;list-style:none;font-family:Fira Code,monospace;font-size:13px;color:var(--slate)}.project-tech-list li{margin-right:20px}.project-links{display:flex;align-items:center}.project-links a{margin-right:15px;font-size:20px;color:var(--light-slate)}.project-links a:hover{color:var(--green)}.service-card{background-color:var(--light-navy);padding:30px;border-radius:4px;box-shadow:0 10px 30px -15px #020c1bb3;transition:var(--transition);height:100%}.service-card:hover{transform:translateY(-7px)}.service-icon{font-size:30px;margin-bottom:20px;color:var(--green)}.service-title{font-size:20px;margin-bottom:15px}.service-description{font-size:15px;color:var(--slate)}.contact-text{font-size:18px;max-width:600px;margin:0 auto}.contact-form .form-control{background-color:var(--lightest-navy);border:none;border-radius:4px;padding:12px 15px;color:var(--lightest-slate);margin-top:5px}.contact-form .form-control:focus{box-shadow:0 0 0 2px var(--green)}.contact-form label{font-family:Fira Code,monospace;font-size:14px;color:var(--lightest-slate)}.footer{padding:40px 0;text-align:center}.social-links{margin-bottom:20px}.social-links a{font-size:20px;display:inline-block;margin:0 10px;color:var(--light-slate);transition:var(--transition)}.social-links a:hover{color:var(--green);transform:translateY(-3px)}.footer-text{font-family:Fira Code,monospace;font-size:13px;color:var(--slate)}.back-to-top{position:fixed;bottom:30px;right:30px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:var(--lightest-navy);color:var(--green);border-radius:4px;z-index:99;opacity:0;visibility:hidden;transition:var(--transition)}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--green);color:var(--navy)}@media (max-width: 992px){.hero-title{font-size:60px}.hero-subtitle{font-size:50px}.project-description{margin-top:20px}.project-card{margin-bottom:70px}}@media (max-width: 768px){.hero-title{font-size:50px}.hero-subtitle{font-size:40px}.hero-description{font-size:16px}.section-header h2{font-size:28px}.about-image{margin-top:50px}.project-content{text-align:center!important;padding:20px 0}.project-tech-list{justify-content:center!important}.project-links{justify-content:center}.service-card{margin-bottom:30px}}@media (max-width: 576px){.hero-title{font-size:40px}.hero-subtitle{font-size:30px}.hero-buttons{flex-direction:column;gap:15px}.hero-buttons .btn{width:100%}.section{padding:70px 0}.section-header h2{font-size:24px}}