:root{--primary-blue: #1e3a8a;--secondary-blue: #3b82f6;--light-blue: #dbeafe;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-600: #475569;--gray-800: #1e293b;--gray-900: #0f172a;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-4: 1rem;--space-8: 2rem;--space-16: 4rem;--rounded-sm: .125rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(2,1fr)}.about-content{flex-direction:row}.contact-content{grid-template-columns:1fr}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,1fr)}.contact-content{grid-template-columns:1fr 1fr}.footer-content{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1280px){.hero h1{font-size:3rem}.hero p{font-size:1.5rem}.services-grid{grid-template-columns:repeat(3,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hoverUp{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes buttonClick{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(15deg)}}.fade-in{animation:fadeIn .6s ease-out forwards}.service-card:hover{animation:hoverUp .3s ease-out forwards}.cta-button:active,.contact-form button:active{animation:buttonClick .2s ease-in-out}.service-icon:hover{animation:rotateIcon .3s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}html{scroll-behavior:smooth}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(59,130,246,.3);border-radius:50%;border-top-color:var(--secondary-blue);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Noto Sans SC,sans-serif;line-height:1.6;color:var(--gray-800);background-color:var(--gray-50)}header{position:fixed;top:0;left:0;right:0;background-color:var(--white);box-shadow:var(--shadow-sm);z-index:1000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-8);max-width:1280px;margin:0 auto}.logo img{height:40px}.nav-menu{display:flex;list-style:none;gap:var(--space-8)}.nav-menu a{text-decoration:none;color:var(--gray-800);font-weight:500;transition:color .3s}.nav-menu a:hover{color:var(--secondary-blue)}.language-switch{display:flex;gap:var(--space-2)}.language-switch button{padding:var(--space-2) var(--space-4);border:1px solid var(--gray-100);background-color:var(--white);border-radius:var(--rounded-md);cursor:pointer;transition:all .3s}.language-switch button.active{background-color:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.hero,.about-section,.services-section,.contact-section{margin-top:80px}.hero{background:linear-gradient(#1e3a8acc,#1e3a8ae6),url(/src/assets/images/hero-bg.jpg) center/cover no-repeat;color:var(--white);padding:var(--space-16) var(--space-8);text-align:center}.hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-4);font-weight:700}.hero p{font-size:var(--text-xl);margin-bottom:var(--space-8);max-width:800px;margin-left:auto;margin-right:auto}.cta-button{background-color:var(--secondary-blue);color:var(--white);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--rounded-lg);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.cta-button:hover{background-color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.services-section{padding:var(--space-16) var(--space-8);background-color:var(--white)}.services-section h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-16);color:var(--primary-blue)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);max-width:1280px;margin:0 auto}.service-card{background-color:var(--white);border-radius:var(--rounded-xl);padding:var(--space-8);box-shadow:var(--shadow-md);transition:all .3s;text-align:center}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.service-icon{font-size:3rem;color:var(--secondary-blue);margin-bottom:var(--space-4)}.service-card h3{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--gray-800)}.service-card p{color:var(--gray-600);line-height:1.6}.about-section{padding:var(--space-16) var(--space-8);background-color:var(--gray-50)}.about-section h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-16);color:var(--primary-blue)}.about-content{max-width:1280px;margin:0 auto;display:flex;gap:var(--space-16);align-items:center}.about-text{flex:1}.about-text h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--gray-800)}.about-text p{margin-bottom:var(--space-4);color:var(--gray-600);line-height:1.6}.about-image{flex:1}.about-image img{width:100%;border-radius:var(--rounded-xl);box-shadow:var(--shadow-lg)}.timeline{max-width:800px;margin:var(--space-16) auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:var(--light-blue);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:var(--space-8);width:50%;padding:0 var(--space-8)}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-item:before{content:"";position:absolute;top:var(--space-4);width:20px;height:20px;background-color:var(--secondary-blue);border-radius:50%;transform:translateY(-50%)}.timeline-item:nth-child(odd):before{right:-10px}.timeline-item:nth-child(2n):before{left:-10px}.timeline-content{background-color:var(--white);padding:var(--space-4);border-radius:var(--rounded-lg);box-shadow:var(--shadow-md)}.timeline-year{font-weight:700;color:var(--primary-blue);margin-bottom:var(--space-2)}.contact-section{padding:var(--space-16) var(--space-8);background-color:var(--white)}.contact-section h2{text-align:center;font-size:var(--text-3xl);margin-bottom:var(--space-16);color:var(--primary-blue)}.contact-content{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.contact-info{background-color:var(--gray-50);padding:var(--space-8);border-radius:var(--rounded-xl)}.contact-info h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--gray-800)}.contact-item{display:flex;align-items:center;margin-bottom:var(--space-4)}.contact-item i{font-size:var(--text-xl);color:var(--secondary-blue);margin-right:var(--space-4)}.contact-form{background-color:var(--gray-50);padding:var(--space-8);border-radius:var(--rounded-xl)}.contact-form h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--gray-800)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--gray-800);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:var(--space-4);border:1px solid var(--gray-100);border-radius:var(--rounded-md);font-size:var(--text-base);transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:150px}.contact-form button{background-color:var(--secondary-blue);color:var(--white);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--rounded-lg);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all .3s;width:100%}.contact-form button:hover{background-color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.image-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}.image-modal-content{margin:auto;display:block;max-width:90%;max-height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close-button{position:absolute;top:20px;right:30px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer}.close-button:hover,.close-button:focus{color:#bbb;text-decoration:none;cursor:pointer}.about-image img{cursor:pointer;transition:transform .3s ease}.about-image img:hover{transform:scale(1.02)}.footer{background-color:var(--primary-blue);color:var(--white);padding:var(--space-16) var(--space-8)}.footer-content{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.footer-section h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}.footer-section p,.footer-section a{color:var(--light-blue);text-decoration:none;line-height:1.6}.footer-section a:hover{color:var(--white);text-decoration:underline}.footer-bottom{text-align:center;margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1);color:var(--light-blue)}@media (max-width: 1024px){.about-content{flex-direction:column}.contact-content{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item{width:100%;left:0!important;padding-left:var(--space-16);padding-right:0}.timeline-item:before{left:10px!important;right:auto!important}}@media (max-width: 768px){.navbar{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.nav-menu{flex-direction:column;gap:var(--space-2);text-align:center}.hero h1{font-size:var(--text-3xl)}.hero p{font-size:var(--text-lg)}.services-grid,.footer-content{grid-template-columns:1fr}}