:root{--color-primary-50: #fef2f2;--color-primary-100: #fee2e2;--color-primary-200: #fecaca;--color-primary-300: #fca5a5;--color-primary-400: #f87171;--color-primary-500: #ef4444;--color-primary-600: #dc2626;--color-primary-700: #b91c1c;--color-primary-800: #991b1b;--color-primary-900: #7f1d1d;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-black: #0a0a0a;--color-accent-gold: #d4af37;--color-accent-cream: #f5f5dc;--gradient-primary: linear-gradient( 135deg, #dc2626 0%, #ef4444 50%, #f87171 100% );--gradient-dark: linear-gradient(135deg, #171717 0%, #262626 100%);--gradient-light: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);--gradient-hero: linear-gradient( 135deg, rgba(220, 38, 38, .9) 0%, rgba(239, 68, 68, .8) 100% );--font-primary: "Outfit", "Noto Sans Thai", sans-serif;--font-thai: "Noto Sans Thai", sans-serif;--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;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-red: 0 10px 40px -10px rgba(220, 38, 38, .4);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:var(--color-white);color:var(--color-gray-800);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-gray-900)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-gray-600);line-height:1.8}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.section{padding:var(--spacing-4xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-label{display:inline-block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary-600);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-primary-50);border-radius:var(--radius-full)}.section-title{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:var(--text-lg);color:var(--color-gray-500);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-red)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 50px -10px #dc262680}.btn-secondary{background:var(--color-white);color:var(--color-gray-800);border:2px solid var(--color-gray-200)}.btn-secondary:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.btn-outline{background:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-outline:hover{background:var(--color-white);color:var(--color-primary-600)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-lg)}.card{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.glass{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-700)}::selection{background:var(--color-primary-500);color:var(--color-white)}@media(max-width:1024px){:root{--text-5xl: 2.5rem;--text-6xl: 3rem;--text-7xl: 3.5rem}.section{padding:var(--spacing-3xl) 0}}@media(max-width:768px){:root{--text-4xl: 2rem;--text-5xl: 2.25rem;--text-6xl: 2.5rem}.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.section-title{font-size:var(--text-3xl)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);padding:var(--spacing-lg) 0;transition:all var(--transition-base)}.navbar--scrolled{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);padding:var(--spacing-md) 0}.navbar__container{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.navbar__logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo__icon{width:45px;height:45px;border-radius:var(--radius-lg);box-shadow:var(--shadow-red);object-fit:contain}.logo__text{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900)}.logo__accent{color:var(--color-primary-600)}.navbar__nav{display:flex;align-items:center;gap:var(--spacing-xl)}.navbar__link{position:relative;font-size:var(--text-base);font-weight:500;color:var(--color-gray-700);transition:color var(--transition-base)}.navbar__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.navbar__link:hover{color:var(--color-primary-600)}.navbar__link:hover:after{width:100%}.navbar__cta{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);color:var(--color-white);font-weight:600;border-radius:var(--radius-full);box-shadow:var(--shadow-red);transition:all var(--transition-base)}.navbar__cta:hover{box-shadow:0 10px 30px -5px #dc262680}.navbar__mobile-toggle{display:none;padding:var(--spacing-sm);color:var(--color-gray-700);border-radius:var(--radius-md);transition:all var(--transition-base)}.navbar__mobile-toggle:hover{background:var(--color-gray-100);color:var(--color-primary-600)}.navbar__mobile-menu{display:none;flex-direction:column;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-white);border-top:1px solid var(--color-gray-100);overflow:hidden}.mobile-menu__link{padding:var(--spacing-md) 0;font-size:var(--text-lg);font-weight:500;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100);transition:all var(--transition-base)}.mobile-menu__link:hover{color:var(--color-primary-600);padding-left:var(--spacing-md)}.mobile-menu__cta{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);color:var(--color-white);font-weight:600;border-radius:var(--radius-full);box-shadow:var(--shadow-red)}@media(max-width:1024px){.navbar__nav,.navbar__cta{display:none}.navbar__mobile-toggle,.navbar__mobile-menu{display:flex}}@media(max-width:768px){.navbar__container{padding:0 var(--spacing-md)}.logo__text{font-size:var(--text-lg)}.logo__icon{width:40px;height:40px;font-size:var(--text-lg)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:80px}.hero__bg{position:absolute;inset:0;z-index:-1}.hero__bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#fff,#fef2f2,#fee2e2)}.hero__bg-circle{position:absolute;border-radius:50%;background:var(--gradient-primary);filter:blur(80px)}.hero__bg-circle--1{width:600px;height:600px;top:-200px;right:-200px;opacity:.3}.hero__bg-circle--2{width:400px;height:400px;bottom:-100px;left:-100px;opacity:.2}.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.hero__content{position:relative;z-index:1}.hero__badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.hero__badge-dot{width:8px;height:8px;background:var(--color-primary-500);border-radius:50%;animation:pulse 2s infinite}.hero__title{font-size:var(--text-6xl);font-weight:800;line-height:1.1;color:var(--color-gray-900);margin-bottom:var(--spacing-xl)}.hero__title-highlight{display:inline-block;margin-left:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__title-accent{position:relative;display:inline-block;margin-left:var(--spacing-sm);color:var(--color-primary-600)}.hero__title-accent:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:12px;background:var(--color-primary-100);z-index:-1;border-radius:var(--radius-sm)}.hero__description{font-size:var(--text-lg);color:var(--color-gray-600);line-height:1.8;max-width:500px;margin-bottom:var(--spacing-2xl)}.hero__actions{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.hero__btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-base)}.hero__btn--primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-red)}.hero__btn--primary:hover{box-shadow:0 15px 40px -10px #dc262680}.hero__btn--secondary{background:var(--color-white);color:var(--color-gray-700);border:2px solid var(--color-gray-200)}.hero__btn--secondary:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.hero__stats{display:flex;gap:var(--spacing-2xl)}.hero__stat{display:flex;align-items:center;gap:var(--spacing-md)}.hero__stat-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-lg)}.hero__stat-content{display:flex;flex-direction:column}.hero__stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);line-height:1.2}.hero__stat-label{font-size:var(--text-sm);color:var(--color-gray-500)}.hero__image{position:relative;display:flex;justify-content:center;align-items:center}.hero__image-wrapper{position:relative}.hero__image-main{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.hero__image-main img{width:450px;height:550px;object-fit:cover}.hero__image-float{position:absolute;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.hero__image-float--1{top:-30px;left:-80px}.hero__image-float--1 img{width:200px;height:140px;object-fit:cover}.hero__image-float--2{bottom:50px;right:-60px}.hero__image-float--2 img{width:180px;height:120px;object-fit:cover}.hero__decor{position:absolute;border-radius:50%}.hero__decor--1{width:100px;height:100px;bottom:30px;left:-30px;background:var(--gradient-primary);opacity:.2}.hero__decor--2{width:60px;height:60px;top:80px;right:-20px;border:3px solid var(--color-primary-300)}.hero__scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-gray-400);font-size:var(--text-sm)}.hero__scroll-mouse{width:26px;height:40px;border:2px solid var(--color-gray-300);border-radius:13px;display:flex;justify-content:center;padding-top:8px}.hero__scroll-wheel{width:4px;height:8px;background:var(--color-primary-500);border-radius:2px}@media(max-width:1024px){.hero__container{grid-template-columns:1fr;text-align:center;gap:var(--spacing-3xl)}.hero__content{order:1}.hero__image{order:2}.hero__title{font-size:var(--text-5xl)}.hero__description{max-width:100%;margin-left:auto;margin-right:auto}.hero__actions,.hero__stats{justify-content:center}.hero__image-main img{width:350px;height:450px}.hero__image-float--1{left:-40px}.hero__image-float--2{right:-30px}}@media(max-width:768px){.hero{padding-top:100px;min-height:auto;padding-bottom:100px}.hero__title{font-size:var(--text-4xl)}.hero__actions{flex-direction:column;align-items:center}.hero__btn{width:100%;max-width:280px;justify-content:center}.hero__stats{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.hero__stat{width:100%;max-width:280px;justify-content:flex-start;padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hero__image-main img{width:280px;height:350px}.hero__image-float,.hero__scroll{display:none}}.services{position:relative;padding:var(--spacing-4xl) 0;background:var(--color-gray-50);overflow:hidden}.services__container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.services__header{text-align:center;margin-bottom:var(--spacing-4xl)}.services__label{display:inline-block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary-600);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-primary-50);border-radius:var(--radius-full)}.services__title{font-size:var(--text-4xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.services__title .gradient-text{display:block;margin-top:var(--spacing-xs)}.services__description{font-size:var(--text-lg);color:var(--color-gray-500);max-width:600px;margin:0 auto;line-height:1.8}.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.service-card{position:relative;padding:var(--spacing-2xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.service-card:hover{box-shadow:var(--shadow-xl)}.service-card:hover:before{transform:scaleX(1)}.service-card__icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);color:var(--color-primary-600);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);transition:all var(--transition-base)}.service-card:hover .service-card__icon{background:var(--gradient-primary);color:var(--color-white);transform:scale(1.1) rotate(-5deg)}.service-card__title{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.service-card__description{font-size:var(--text-base);color:var(--color-gray-500);line-height:1.7;margin-bottom:var(--spacing-lg)}.service-card__features{display:flex;flex-direction:column;gap:var(--spacing-sm)}.service-card__features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-gray-600)}.feature-dot{width:6px;height:6px;background:var(--color-primary-500);border-radius:50%}.service-card__number{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);font-size:var(--text-4xl);font-weight:800;color:var(--color-gray-100);line-height:1;transition:color var(--transition-base)}.service-card:hover .service-card__number{color:var(--color-primary-100)}.services__bg-decor{position:absolute;top:50%;right:-200px;transform:translateY(-50%);width:400px;height:400px;background:var(--gradient-primary);border-radius:50%;opacity:.05;filter:blur(60px)}@media(max-width:1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.services{padding:var(--spacing-3xl) 0}.services__container{padding:0 var(--spacing-md)}.services__title{font-size:var(--text-3xl)}.services__grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.service-card{padding:var(--spacing-xl)}.service-card__icon{width:60px;height:60px}.service-card__number{font-size:var(--text-3xl)}}.projects{padding:var(--spacing-4xl) 0;background:var(--color-white)}.projects__container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.projects__header{text-align:center;margin-bottom:var(--spacing-3xl)}.projects__label{display:inline-block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary-600);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-primary-50);border-radius:var(--radius-full)}.projects__title{font-size:var(--text-4xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.projects__title .gradient-text{display:block;margin-top:var(--spacing-xs)}.projects__description{font-size:var(--text-lg);color:var(--color-gray-500);max-width:600px;margin:0 auto;line-height:1.8}.projects__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.filter-btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);background:var(--color-gray-100);border-radius:var(--radius-full);transition:all var(--transition-base)}.filter-btn:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.filter-btn--active{color:var(--color-white);background:var(--gradient-primary);box-shadow:var(--shadow-red)}.projects__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.project-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer}.project-card--large{grid-column:span 2;grid-row:span 2}.project-card--medium{grid-row:span 2}.project-card--small{grid-column:span 1;grid-row:span 1}.project-card__image{position:relative;width:100%;height:100%}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-card__image img{transform:scale(1.1)}.project-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 50%,transparent 100%);display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-lg);opacity:0;transition:opacity var(--transition-base)}.project-card:hover .project-card__overlay{opacity:1}.project-card__btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-white);color:var(--color-primary-600);border-radius:50%;box-shadow:var(--shadow-lg)}.project-card__content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg);background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);color:var(--color-white)}.project-card__category{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-300);margin-bottom:var(--spacing-xs)}.project-card__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-white)}.project-card__location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-gray-300)}.projects__cta{text-align:center}@media(max-width:1024px){.projects__grid{grid-template-columns:repeat(2,1fr)}.project-card--large{grid-column:span 2}}@media(max-width:768px){.projects{padding:var(--spacing-3xl) 0}.projects__container{padding:0 var(--spacing-md)}.projects__title{font-size:var(--text-3xl)}.projects__filters{gap:var(--spacing-sm)}.filter-btn{padding:var(--spacing-xs) var(--spacing-lg);font-size:var(--text-xs)}.projects__grid{grid-template-columns:1fr;grid-auto-rows:250px}.project-card--large,.project-card--medium,.project-card--small{grid-column:span 1;grid-row:span 1}.project-card--large{grid-row:span 2}}.about{padding:var(--spacing-4xl) 0;background:var(--color-gray-50)}.about__container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;margin-bottom:var(--spacing-4xl)}.about__image-section,.about__image-wrapper{position:relative}.about__image-main{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.about__image-main img{width:100%;height:500px;object-fit:cover}.about__image-accent{position:absolute;bottom:-40px;right:-40px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:6px solid var(--color-white)}.about__image-accent img{width:200px;height:250px;object-fit:cover}.about__experience-badge{position:absolute;top:-20px;left:-20px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-red);color:var(--color-white);text-align:center}.experience-number{font-size:var(--text-3xl);font-weight:800;line-height:1}.experience-text{font-size:var(--text-sm);font-weight:500;margin-top:var(--spacing-xs)}.about__content{padding-left:var(--spacing-xl)}.about__label{display:inline-block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary-600);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-primary-50);border-radius:var(--radius-full)}.about__title{font-size:var(--text-4xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--spacing-xl);line-height:1.2}.about__title .gradient-text{display:block;margin-top:var(--spacing-xs)}.about__description{font-size:var(--text-lg);color:var(--color-gray-600);line-height:1.8;margin-bottom:var(--spacing-lg)}.about__features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl)}.about__feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-base);color:var(--color-gray-700)}.about__feature .feature-icon{color:var(--color-primary-500);flex-shrink:0}.about__testimonials{text-align:center}.testimonials__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-2xl)}.testimonials__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.testimonial-card{position:relative;padding:var(--spacing-2xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:left;transition:all var(--transition-base)}.testimonial-card:hover{box-shadow:var(--shadow-xl)}.testimonial-card__quote{color:var(--color-primary-100);margin-bottom:var(--spacing-md)}.testimonial-card__content{font-size:var(--text-lg);color:var(--color-gray-700);line-height:1.8;margin-bottom:var(--spacing-xl);font-style:italic}.testimonial-card__author{display:flex;align-items:center;gap:var(--spacing-md)}.testimonial-card__author img{width:50px;height:50px;border-radius:50%;object-fit:cover}.testimonial-card__author div{display:flex;flex-direction:column}.author-name{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900)}.author-role{font-size:var(--text-sm);color:var(--color-gray-500)}@media(max-width:1024px){.about__grid{grid-template-columns:1fr;gap:var(--spacing-3xl)}.about__content{padding-left:0}.about__image-accent{right:20px;bottom:-30px}.about__experience-badge{top:20px;left:20px;width:100px;height:100px}.experience-number{font-size:var(--text-2xl)}}@media(max-width:768px){.about{padding:var(--spacing-3xl) 0}.about__container{padding:0 var(--spacing-md)}.about__title{font-size:var(--text-3xl)}.about__image-main img{height:350px}.about__image-accent{display:none}.about__features,.testimonials__grid{grid-template-columns:1fr}.testimonial-card{padding:var(--spacing-xl)}.testimonial-card__content{font-size:var(--text-base)}}.contact{position:relative;padding:var(--spacing-4xl) 0;background:var(--color-white);overflow:hidden}.contact__container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.contact__header{text-align:center;margin-bottom:var(--spacing-4xl)}.contact__label{display:inline-block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary-600);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-primary-50);border-radius:var(--radius-full)}.contact__title{font-size:var(--text-4xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.contact__title .gradient-text{display:block;margin-top:var(--spacing-xs)}.contact__description{font-size:var(--text-lg);color:var(--color-gray-500);max-width:600px;margin:0 auto;line-height:1.8}.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-3xl)}.contact__info{padding:var(--spacing-2xl);background:var(--color-gray-50);border-radius:var(--radius-2xl)}.info__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.info__description{font-size:var(--text-base);color:var(--color-gray-500);margin-bottom:var(--spacing-xl);line-height:1.7}.info__list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.info__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);transition:all var(--transition-base)}.info__item:hover{box-shadow:var(--shadow-md)}.info__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-lg);flex-shrink:0}.info__content{display:flex;flex-direction:column}.info__label{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:2px}.info__value{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900)}.contact__map{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.contact__map iframe{display:block}.contact__form-wrapper{padding:var(--spacing-2xl);background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.form__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xl)}.form__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form__group{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg)}.form__group:last-of-type{margin-bottom:0}.form__group label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.form__group input,.form__group select,.form__group textarea{padding:var(--spacing-md) var(--spacing-lg);font-family:inherit;font-size:var(--text-base);color:var(--color-gray-800);background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base)}.form__group input:focus,.form__group select:focus,.form__group textarea:focus{outline:none;border-color:var(--color-primary-500);background:var(--color-white);box-shadow:0 0 0 4px #dc26261a}.form__group input::placeholder,.form__group textarea::placeholder{color:var(--color-gray-400)}.form__group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:48px}.form__group textarea{resize:vertical;min-height:120px}.form__submit{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg) var(--spacing-2xl);margin-top:var(--spacing-xl);font-size:var(--text-lg);font-weight:600;color:var(--color-white);background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-red);transition:all var(--transition-base)}.form__submit:hover:not(:disabled){box-shadow:0 15px 40px -10px #dc262680}.form__submit:disabled{opacity:.7;cursor:not-allowed}.form__submit--success{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 10px 30px -5px #10b98166}.submit-loading{display:flex;align-items:center;gap:var(--spacing-sm)}.contact__bg-decor{position:absolute;bottom:-200px;left:-200px;width:400px;height:400px;background:var(--gradient-primary);border-radius:50%;opacity:.05;filter:blur(60px)}@media(max-width:1024px){.contact__grid{grid-template-columns:1fr}.form__row{grid-template-columns:1fr;gap:0}}@media(max-width:768px){.contact{padding:var(--spacing-3xl) 0}.contact__container{padding:0 var(--spacing-md)}.contact__title{font-size:var(--text-3xl)}.contact__info,.contact__form-wrapper{padding:var(--spacing-xl)}.form__submit{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base)}}.footer{background:var(--color-gray-900);color:var(--color-white);padding-top:var(--spacing-4xl)}.footer__container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.footer__main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer__brand{max-width:300px}.footer__logo{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.footer__logo .logo__icon{width:45px;height:45px;border-radius:var(--radius-lg);object-fit:contain}.footer__logo .logo__text{font-size:var(--text-xl);font-weight:700;color:var(--color-white)}.footer__logo .logo__accent{color:var(--color-primary-400)}.footer__description{font-size:var(--text-base);color:var(--color-gray-400);line-height:1.8;margin-bottom:var(--spacing-xl)}.footer__social{display:flex;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ffffff1a;color:var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-base)}.social-link:hover{background:var(--gradient-primary);color:var(--color-white)}.footer__links-section{display:flex;flex-direction:column}.footer__links-title{font-size:var(--text-lg);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-lg)}.footer__links{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer__links li a{font-size:var(--text-base);color:var(--color-gray-400);transition:all var(--transition-base)}.footer__links li a:hover{color:var(--color-primary-400);padding-left:var(--spacing-sm)}.footer__newsletter{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2xl);padding:var(--spacing-2xl) 0;border-bottom:1px solid rgba(255,255,255,.1)}.newsletter__content{max-width:400px}.newsletter__title{font-size:var(--text-xl);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-sm)}.newsletter__description{font-size:var(--text-base);color:var(--color-gray-400)}.newsletter__form{display:flex;gap:var(--spacing-md)}.newsletter__input{padding:var(--spacing-md) var(--spacing-xl);width:300px;font-family:inherit;font-size:var(--text-base);color:var(--color-white);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);transition:all var(--transition-base)}.newsletter__input:focus{outline:none;border-color:var(--color-primary-500);background:#ffffff26}.newsletter__input::placeholder{color:var(--color-gray-500)}.newsletter__btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);font-weight:600;color:var(--color-white);background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-red);white-space:nowrap;transition:all var(--transition-base)}.newsletter__btn:hover{box-shadow:0 10px 30px -5px #dc262680}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) 0}.footer__copyright{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--color-gray-500)}.heart-icon{color:var(--color-primary-500);fill:var(--color-primary-500)}.footer__scroll-top{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--gradient-primary);color:var(--color-white);border-radius:50%;box-shadow:var(--shadow-red);transition:all var(--transition-base)}.footer__scroll-top:hover{box-shadow:0 10px 30px -5px #dc262680}@media(max-width:1024px){.footer__main{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.footer__brand{grid-column:span 2;max-width:100%}.footer__newsletter{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.newsletter__form{width:100%}.newsletter__input{flex:1;width:auto}}@media(max-width:768px){.footer{padding-top:var(--spacing-3xl)}.footer__container{padding:0 var(--spacing-md)}.footer__main{grid-template-columns:1fr;gap:var(--spacing-2xl)}.footer__brand{grid-column:span 1}.newsletter__form{flex-direction:column}.newsletter__input{width:100%}.newsletter__btn{width:100%;text-align:center}.footer__bottom{flex-direction:column-reverse;gap:var(--spacing-lg);text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}html{scroll-padding-top:80px}.page-transition{position:fixed;inset:0;background:var(--gradient-primary);z-index:9999;pointer-events:none}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-white)}.spinner{width:50px;height:50px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{position:absolute;top:-100%;left:0;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary-600);color:var(--color-white);z-index:9999;transition:top .3s}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}