*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}/* * Color Contrast Ratios (WCAG 2.1 AA Compliance - 4.5:1 minimum for normal text) * - Primary text (#333 on #ffffff):12.63:1 ✓ * - Primary links (#0066cc on #ffffff):5.74:1 ✓ * - Secondary text (#595959 on #ffffff):7.00:1 ✓ * - Tertiary text (#767676 on #ffffff):4.54:1 ✓ * - Error text (#dc3545 on #ffffff):4.52:1 ✓ * - Success text (#28a745 on #ffffff):3.04:1 (large text only) * - White text on primary button (#ffffff on #0066cc):5.74:1 ✓ */.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px 12px;text-decoration:none;z-index:1000;border-radius:4px;font-weight:600;font-size:0.875rem;}.skip-link:focus{top:6px;outline:3px solid #fff;outline-offset:2px;}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:3px solid #00A86B;outline-offset:2px;box-shadow:0 0 0 3px rgba(0,168,107,0.2);}.nav-link:focus{outline:3px solid #00A86B;outline-offset:2px;background-color:#f0fdf4;border-radius:4px;box-shadow:0 0 0 3px rgba(0,168,107,0.2);}.nav-toggle:focus{outline:3px solid #00A86B;outline-offset:2px;border-radius:4px;box-shadow:0 0 0 3px rgba(0,168,107,0.2);}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #00A86B;outline-offset:2px;box-shadow:0 0 0 3px rgba(0,168,107,0.2);}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none;box-shadow:none;}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;}h1{font-size:2.5rem;}h2{font-size:2rem;}h3{font-size:1.5rem;}h4{font-size:1.25rem;}h5{font-size:1.125rem;}h6{font-size:1rem;}p{margin-bottom:1rem;}.container{max-width:1200px;margin:0 auto;padding:0 2rem;}.header{background:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;top:0;left:0;right:0;z-index:1000;}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px;}.nav-brand a{text-decoration:none;color:inherit;display:flex;align-items:center;}.brand-link{display:flex;align-items:center;gap:0.75rem;transition:opacity 0.3s ease;}.brand-link:hover{opacity:0.9;}.logo{font-size:1.8rem;font-weight:700;color:#00A86B;margin:0;}.logo-img{height:50px;width:auto;display:block;}.brand-name{font-size:1.8rem;font-weight:700;color:#00A86B;margin:0;white-space:nowrap;}.nav-menu{display:flex;list-style:none;gap:2rem;}.nav-link{text-decoration:none;color:#333;font-weight:500;padding:0.5rem 1rem;border-radius:4px;transition:all 0.3s ease;}.nav-link:hover,.nav-link.active{color:#00A86B;background-color:#f0fdf4;}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0.5rem;z-index:1001;position:relative;}.hamburger-line{width:25px;height:3px;background-color:#333;margin:3px 0;transition:all 0.3s ease;border-radius:2px;transform-origin:center;}.nav-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scale(0);}.nav-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);}main{margin-top:70px;}section{padding:4rem 0;}.section-title{text-align:center;margin-bottom:3rem;color:#333;position:relative;}.section-title::after{content:'';display:block;width:60px;height:3px;background:#00A86B;margin:1rem auto;border-radius:2px;}.hero{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);padding:6rem 0;text-align:center;overflow:hidden;}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;}.hero-image{margin-bottom:2rem;opacity:0;transform:scale(0.95);transition:opacity 0.8s ease,transform 0.8s ease;}.hero-image.animate-fade-in{opacity:1;transform:scale(1);}.hero-img{max-width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.2);display:block;margin:0 auto;}.hero-content{position:relative;}.hero-title{font-size:3rem;color:#00A86B;margin-bottom:1rem;font-weight:700;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;}.hero-title.animate-slide-up{opacity:1;transform:translateY(0);}.hero-subtitle{font-size:1.25rem;color:#595959;margin-bottom:1rem;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;}.hero-subtitle.animate-slide-up{opacity:1;transform:translateY(0);}.hero-location{font-size:1.125rem;color:#767676;font-style:italic;opacity:0;transition:opacity 0.6s ease;}.hero-location.animate-fade-in{opacity:1;}.about{background:#ffffff;}.about-content{max-width:1200px;margin:0 auto;}.about-intro{text-align:center;max-width:900px;margin:0 auto 4rem;}.about-description{font-size:1.25rem;line-height:1.8;color:#555;margin-bottom:0;}.about-description strong{color:#00A86B;font-weight:600;}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem;}.about-card{background:#f8f9fa;padding:2.5rem;border-radius:12px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease,opacity 0.6s ease;border:2px solid transparent;opacity:0;transform:translateY(30px);}.about-card.animate-visible{opacity:1;transform:translateY(0);}.about-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);border-color:#00A86B;}.about-card.animate-visible:hover{transform:translateY(-5px);}.about-card-icon{color:#00A86B;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;}.about-card-icon svg{width:40px;height:40px;}.about-card-title{color:#333;font-size:1.375rem;margin-bottom:1rem;font-weight:600;}.about-card-text{color:#595959;line-height:1.7;font-size:1rem;margin-bottom:0;}.about-card-text strong{color:#00A86B;font-weight:600;}.about-values{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);padding:3rem;border-radius:12px;margin-bottom:3rem;}.about-values-title{text-align:center;font-size:2rem;color:#333;margin-bottom:3rem;position:relative;}.about-values-title::after{content:'';display:block;width:60px;height:3px;background:#00A86B;margin:1rem auto 0;border-radius:2px;}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;}.value-item{text-align:center;opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease;}.value-item.animate-visible{opacity:1;transform:translateY(0);}.value-icon{color:#00A86B;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;}.value-icon svg{width:32px;height:32px;}.value-title{color:#00A86B;font-size:1.25rem;margin-bottom:0.75rem;font-weight:600;}.value-description{color:#555;line-height:1.7;font-size:0.9375rem;margin-bottom:0;}.about-cta{text-align:center;padding:2.5rem;background:#ffffff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.08);}.about-cta-text{font-size:1.375rem;color:#333;margin-bottom:1.5rem;font-weight:500;}.services{background:#f8f9fa;}.services-intro{text-align:center;font-size:1.125rem;color:#595959;max-width:800px;margin:0 auto 3rem;line-height:1.6;}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto 3rem;}.service-card{background:#ffffff;padding:2.5rem;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease,opacity 0.6s ease;position:relative;opacity:0;transform:translateY(30px);}.service-card.animate-visible{opacity:1;transform:translateY(0);}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15);}.service-card.animate-visible:hover{transform:translateY(-5px);}.service-icon{color:#00A86B;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;}.service-icon svg{width:48px;height:48px;}.service-title{color:#00A86B;margin-bottom:1.5rem;font-size:1.5rem;}.service-description{color:#595959;line-height:1.7;margin-bottom:1.5rem;}.service-badge{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e1e5e9;}.aws-badge{display:inline-block;background:linear-gradient(135deg,#ff9900 0%,#ff6600 100%);color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.875rem;font-weight:600;letter-spacing:0.5px;}.aws-specialization{background:linear-gradient(135deg,#232f3e 0%,#1a242f 100%);padding:2rem;border-radius:12px;text-align:center;max-width:800px;margin:0 auto;box-shadow:0 5px 20px rgba(0,0,0,0.15);}.aws-message{color:#ffffff;font-size:1.125rem;line-height:1.6;margin:0;}.aws-message strong{color:#ff9900;font-weight:700;}.recruitment{background:#ffffff;}.recruitment-intro{text-align:center;font-size:1.125rem;color:#595959;max-width:800px;margin:0 auto 3rem;line-height:1.6;}.recruitment-content{max-width:800px;margin:0 auto;}.job-posting{background:#f8f9fa;padding:2.5rem;border-radius:12px;border-left:4px solid #00A86B;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease,opacity 0.6s ease;opacity:0;transform:translateY(30px);}.job-posting.animate-visible{opacity:1;transform:translateY(0);}.job-posting:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.12);}.job-posting.animate-visible:hover{transform:translateY(-3px);}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;}.job-title{color:#00A86B;margin-bottom:0;font-size:1.75rem;}.job-status{display:inline-block;background:#28a745;color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.875rem;font-weight:600;letter-spacing:0.5px;}.job-details{color:#555;}.job-info-item{margin-bottom:1.5rem;}.job-info-item strong{display:block;margin-bottom:0.5rem;color:#333;font-size:1.125rem;}.job-info-item span{color:#595959;font-size:1rem;}.job-requirements{list-style:none;padding-left:0;margin:0.75rem 0 0 0;}.job-requirements li{padding:0.5rem 0;padding-left:1.5rem;position:relative;color:#555;font-size:1rem;}.job-requirements li::before{content:'✓';position:absolute;left:0;color:#00A86B;font-weight:bold;font-size:1.125rem;}.job-description{color:#595959;margin-top:1.5rem;line-height:1.7;font-size:1rem;}.job-cta{margin-top:2rem;padding-top:2rem;border-top:1px solid #e1e5e9;text-align:center;}.btn-primary{display:inline-block;background:#00A86B;color:white;padding:0.875rem 2.5rem;border-radius:6px;text-decoration:none;font-size:1.125rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,168,107,0.2);}.btn-primary:hover{background:#008556;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,168,107,0.3);}.btn-primary:focus{outline:3px solid #00A86B;outline-offset:3px;box-shadow:0 0 0 3px rgba(0,168,107,0.3);}.btn-primary:active{transform:translateY(0);}.cta-note{margin-top:1rem;font-size:0.875rem;color:#767676;font-style:italic;}.contact{background:#f8f9fa;}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;max-width:1000px;margin:0 auto;}.contact-form{background:#ffffff;padding:2.5rem;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.1);}.form-group{margin-bottom:1.5rem;}.form-label{display:block;margin-bottom:0.5rem;font-weight:500;color:#333;}.form-label abbr{text-decoration:none;color:#dc3545;font-weight:bold;}.form-input,.form-textarea{width:100%;padding:0.75rem;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;transition:border-color 0.3s ease;}.form-input:focus,.form-textarea:focus{border-color:#00A86B;outline:none;}.form-textarea{resize:vertical;min-height:120px;}.form-submit{background:#00A86B;color:white;padding:0.875rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color 0.3s ease;width:100%;}.form-submit:hover{background:#008556;}.form-submit:focus{outline:3px solid #00A86B;outline-offset:3px;box-shadow:0 0 0 3px rgba(0,168,107,0.3);}.form-submit:active{transform:translateY(1px);}.error-message{color:#dc3545;font-size:0.875rem;margin-top:0.25rem;display:block;min-height:1.25rem;}.success-message{color:#28a745;font-size:1rem;margin-top:1rem;padding:1rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;display:none;font-weight:500;}.success-message.show{display:block;}.form-input.error,.form-textarea.error{border-color:#dc3545;background-color:#fff5f5;}.form-input.success,.form-textarea.success{border-color:#28a745;background-color:#f0fff4;}.form-input[aria-invalid="true"],.form-textarea[aria-invalid="true"]{border-color:#dc3545;}.form-input[aria-invalid="false"]:valid,.form-textarea[aria-invalid="false"]:valid{border-color:#e1e5e9;}.contact-info{background:#ffffff;padding:2rem;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.1);height:fit-content;}.contact-info p{margin-bottom:1rem;color:#595959;}.contact-info a{color:#00A86B;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}.contact-info a:hover{text-decoration-thickness:2px;color:#008556;}.contact-info a:focus{outline:3px solid #00A86B;outline-offset:2px;border-radius:2px;}.footer{background:#333;color:#ffffff;text-align:center;padding:2rem 0;}.footer-text{margin-bottom:0.5rem;}.footer-tagline{color:#ccc;font-size:0.875rem;margin:0;}a,button,input,textarea,select{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.nav-link{position:relative;transition:color 0.3s ease,background-color 0.3s ease,transform 0.2s ease;}.nav-link:hover{transform:translateY(-2px);}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#00A86B;transition:width 0.3s ease,left 0.3s ease;}.nav-link:hover::after,.nav-link.active::after{width:80%;left:10%;}.btn-primary{position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;}.btn-primary:hover::before{width:300px;height:300px;}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(0,168,107,0.4);}.btn-primary:active{transform:translateY(-1px) scale(0.98);transition:all 0.1s ease;}.form-submit{position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.form-submit::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.5s ease,height 0.5s ease;}.form-submit:hover::after{width:300px;height:300px;}.form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,168,107,0.3);}.form-submit:active{transform:translateY(0);}.form-input,.form-textarea{transition:border-color 0.3s ease,box-shadow 0.3s ease,transform 0.2s ease;}.form-input:focus,.form-textarea:focus{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,168,107,0.15);}.about-card,.service-card,.job-posting{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.6s ease;}.about-card:hover,.service-card:hover,.job-posting:hover{transform:translateY(-8px) scale(1.02);}.about-card-icon,.service-icon,.value-icon{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),color 0.3s ease;}.about-card:hover .about-card-icon,.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg);}.value-item:hover .value-icon{transform:scale(1.15) translateY(-5px);}.contact-info a{position:relative;transition:color 0.3s ease;}.contact-info a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00A86B;transition:width 0.3s ease;}.contact-info a:hover::after{width:100%;}.aws-badge{transition:transform 0.3s ease,box-shadow 0.3s ease;}.service-card:hover .aws-badge{transform:scale(1.05);box-shadow:0 4px 12px rgba(255,153,0,0.4);}.job-status{transition:transform 0.3s ease,box-shadow 0.3s ease;}.job-posting:hover .job-status{transform:scale(1.05);box-shadow:0 4px 12px rgba(40,167,69,0.4);}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.animate-fade-in{animation:fadeIn 0.8s ease forwards;}.animate-slide-up{animation:slideUp 0.6s ease forwards;}.animate-visible{animation:fadeInUp 0.6s ease forwards;}.section-title{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;}.section-title.visible{opacity:1;transform:translateY(0);}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}html{scroll-behavior:auto;}.hero-image,.hero-title,.hero-subtitle,.hero-location,.about-card,.service-card,.job-posting,.value-item,.section-title{opacity:1 !important;transform:none !important;}.nav-link:hover,.btn-primary:hover,.form-submit:hover,.about-card:hover,.service-card:hover,.job-posting:hover{transform:none !important;}.nav-link:hover,.btn-primary:hover,.form-submit:hover{background-color:#008556;}}.why-choose{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);padding:4rem 0;}.why-choose-content{max-width:900px;margin:0 auto;text-align:center;}.why-choose-text{font-size:1.125rem;line-height:1.8;color:#555;margin-bottom:2rem;text-align:justify;text-justify:inter-word;}.why-choose-conclusion{font-size:1.25rem;line-height:1.8;color:#333;margin-bottom:0;text-align:center;}.why-choose-conclusion strong{color:#00A86B;font-weight:600;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.text-center{text-align:center;}.mb-0{margin-bottom:0;}.mb-1{margin-bottom:1rem;}.mb-2{margin-bottom:2rem;}.mb-3{margin-bottom:3rem;}.mt-0{margin-top:0;}.mt-1{margin-top:1rem;}.mt-2{margin-top:2rem;}.mt-3{margin-top:3rem;}