#header{position:sticky;top:0;width:100%;background:linear-gradient(135deg,#040b14,#1a1f2e);box-shadow:0 2px 15px #00000026;z-index:999;transition:all .3s ease}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 30px;height:70px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .3s}.brand-img{width:45px;height:45px;border-radius:50%;border:2px solid #149ddd;object-fit:cover;transition:all .3s}.brand-link:hover .brand-img{border-color:#37b3ed;box-shadow:0 0 10px #149ddd4d}.brand-name{font-size:20px;font-weight:700;color:#fff;font-family:Poppins,sans-serif;transition:color .3s}.brand-link:hover .brand-name{color:#149ddd}.desktop-nav{display:flex;flex:1;justify-content:center;margin:0 40px}.desktop-nav ul{display:flex;list-style:none;padding:0;margin:0;gap:5px}.desktop-nav .nav-link{display:block;padding:8px 18px;color:#a8a9b4;text-decoration:none;font-size:14px;font-weight:500;font-family:Open Sans,sans-serif;transition:all .3s ease;border-radius:4px;position:relative}.desktop-nav .nav-link:hover{color:#fff;background:#149ddd1a}.desktop-nav .nav-link.active{color:#149ddd;background:#149ddd26;border-bottom:2px solid #149ddd}.desktop-nav .nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#149ddd;transform:translate(-50%);transition:width .3s ease}.desktop-nav .nav-link:hover:after{width:70%}.desktop-nav .nav-link.active:after{width:70%}.header-socials{display:flex;gap:12px;align-items:center}.header-socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0f;color:#fff;border-radius:50%;transition:all .3s ease;text-decoration:none;font-size:18px}.header-socials a:hover{background:#149ddd;color:#fff;transform:translateY(-3px)}.mobile-menu-toggle{display:none;background:none;border:none;color:#149ddd;font-size:28px;cursor:pointer;padding:5px;transition:all .3s ease}.mobile-menu-toggle:hover{color:#37b3ed}.mobile-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#1a1f2e;border-top:1px solid rgba(20,157,221,.2);max-height:calc(100vh - 70px);overflow-y:auto}.mobile-nav ul{list-style:none;padding:15px 0;margin:0}.mobile-nav li{padding:0}.mobile-nav .nav-link{display:flex;align-items:center;gap:12px;padding:15px 25px;color:#a8a9b4;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease}.mobile-nav .nav-link i{font-size:18px;color:#149ddd}.mobile-nav .nav-link:hover{background:#149ddd1a;color:#fff;padding-left:35px}.mobile-nav .nav-link.active{background:#149ddd26;color:#149ddd;border-left:3px solid #149ddd;padding-left:32px}@media(max-width:1024px){.header-container{padding:0 20px}.desktop-nav{margin:0 20px}.desktop-nav .nav-link{padding:8px 14px;font-size:13px}.header-socials{gap:8px}.header-socials a{width:38px;height:38px;font-size:16px}}@media(max-width:768px){.header-container{height:60px;padding:0 15px}.brand-img{width:40px;height:40px;border-width:2px}.brand-name{font-size:18px}.desktop-nav{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}#header.mobile-menu-active .mobile-nav{display:block}.header-socials{display:none}}@media(max-width:480px){.header-container{height:55px;padding:0 12px}.brand{gap:8px}.brand-img{width:36px;height:36px}.brand-name{font-size:16px}.mobile-menu-toggle{font-size:24px}.mobile-nav{top:55px}.mobile-nav .nav-link{padding:12px 20px;font-size:14px}.mobile-nav .nav-link:hover{padding-left:30px}.mobile-nav .nav-link.active{padding-left:27px}}*{-webkit-tap-highlight-color:transparent}header button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.layout{display:flex;flex-direction:column}.main-content{margin-top:0;padding:0;min-height:100vh;flex:1}@media(max-width:1200px){.main-content{margin-left:0}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;color:#272829;background:#fff}a{color:#149ddd;text-decoration:none;transition:.3s}a:hover{color:#37b3ed}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}.section-bg{background:#f5f5f5}.section-title{text-align:center;padding-bottom:30px;margin-bottom:30px}.section-title h2{font-size:32px;font-weight:700;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px;position:relative;color:#040b14}.section-title h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:#149ddd;bottom:0;left:50%;transform:translate(-50%)}.section-title p{margin-bottom:0;font-size:15px;color:#666}.btn{font-family:Raleway,sans-serif;font-weight:600;padding:10px 30px;border-radius:4px;transition:all .3s}.btn-primary{background:#149ddd;border-color:#149ddd;color:#fff}.btn-primary:hover{background:#0a7ba7;border-color:#0a7ba7;color:#fff}.btn-outline-primary{color:#149ddd;border-color:#149ddd}.btn-outline-primary:hover{background:#149ddd;color:#fff}.hero{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;display:flex;align-items:center}.hero h1{font-size:48px;font-weight:700;margin-bottom:20px;line-height:1.2}.hero h2{font-size:24px;font-weight:500;margin-bottom:30px;color:#e8f4f8}.hero .typed{color:#149ddd}.hero p{font-size:18px;line-height:1.8;margin-bottom:30px;color:#e8f4f8}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.hero img{max-width:400px;width:100%}.resume-title{font-size:25px;font-weight:600;margin-top:20px;margin-bottom:20px;color:#040b14}.resume-item{padding:0 0 20px 20px;margin-top:20px;border-left:2px solid #149ddd;position:relative}.resume-item:before{content:"";left:-13px;top:0;position:absolute;width:10px;height:10px;background:#149ddd;border-radius:50%}.resume-item h4{font-weight:600;margin-bottom:5px;color:#040b14}.resume-item h5{font-size:14px;background:#e8f4f8;padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px;color:#149ddd}.resume-item p{color:#666;line-height:1.6}.progress{height:24px;background:#e8f4f8;border-radius:4px}.progress-bar{display:flex;align-items:center;justify-content:center;background:#149ddd;color:#fff;font-weight:600;font-size:12px;transition:all .3s}.progress-bar:hover{background:#0a7ba7}.service-item{padding:20px;background:#fff;border-radius:8px;text-align:center;transition:all .3s;box-shadow:0 2px 8px #0000001a}.service-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.service-item i{font-size:48px;color:#149ddd;margin-bottom:15px}.service-item h3{font-weight:600;font-size:18px;margin-bottom:10px;color:#040b14}.service-item p{color:#666;font-size:14px;line-height:1.6}.contact-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.contact-form .form-control{padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-family:Open Sans,sans-serif;transition:all .3s}.contact-form .form-control:focus{border-color:#149ddd;box-shadow:0 0 0 .2rem #149ddd40}@media(max-width:768px){.hero h1{font-size:36px}.hero h2{font-size:20px}.hero-actions{justify-content:center}.section-title h2{font-size:24px}.resume-title{font-size:20px}.hero img{margin-top:40px}}.stats-section{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card{padding:30px;background:#fff;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.stat-card i{font-size:36px;color:#149ddd;margin-bottom:15px}.stat-number{font-size:36px;font-weight:700;color:#040b14;margin:15px 0}.stat-label{color:#666;font-size:14px}.highlight-card{padding:25px;background:#fff;border-radius:8px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;height:100%}.highlight-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.highlight-card i{font-size:40px;color:#149ddd;margin-bottom:15px;display:block}.highlight-card h3{font-size:18px;font-weight:600;color:#040b14;margin-bottom:10px}.highlight-card p{color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.learn-more{display:inline-flex;align-items:center;gap:5px;color:#149ddd;font-weight:600;transition:gap .3s}.learn-more:hover{gap:10px}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-section h2{font-size:32px;font-weight:700}.text-white-50{color:#fffc!important;font-size:18px}.btn-light{color:#149ddd;background:#fff;border-color:#fff;font-weight:600}.btn-light:hover{color:#fff;background:#149ddd;border-color:#149ddd}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[data-aos=fade-up]{animation:fadeUp .6s ease-out}.text-primary{color:#149ddd!important}.transition-transform{transition:transform .3s ease}.bg-light{background:#f5f5f5!important}.bg-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important}.quality-card{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.quality-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.quality-card i{font-size:32px;color:#149ddd;margin-bottom:10px;display:block}.quality-card h4{font-size:16px;font-weight:600;color:#040b14;margin-bottom:8px}.quality-card p{color:#666;font-size:13px;line-height:1.5}.info-item{font-size:15px;color:#666}.info-item i{color:#149ddd;margin-right:8px}.info-item a{color:#149ddd}.info-item a:hover{text-decoration:underline}.resume-item{padding:20px 0;border-bottom:1px solid #e8e8e8}.resume-item:last-child{border-bottom:none}.resume-item h4{font-weight:600;color:#040b14;margin-bottom:5px;font-size:16px}.resume-item h5{background:#e8f4f8;padding:6px 12px;display:inline-block;border-radius:4px;font-weight:600;color:#149ddd;font-size:13px;margin-bottom:10px}.resume-item p{color:#666;line-height:1.7;margin-bottom:8px}.resume-details{list-style:none;padding-left:0;margin-top:10px}.resume-details li{color:#666;font-size:14px;line-height:1.7;margin-bottom:8px;padding-left:20px;position:relative}.resume-details li:before{content:"✓";position:absolute;left:0;color:#149ddd;font-weight:700}.skill-item{margin-bottom:20px}.skill-header{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:500;font-size:14px}.skill-name{color:#040b14}.skill-level{color:#149ddd;font-weight:600}
