:root{--color-primary: #409891;--color-primary-light: #48ADB7;--color-primary-dark: #2F7A75;--color-white: #FFFFFF;--color-black: #1A1A1A;--color-gray-50: #F5F3F0;--color-gray-100: #E6E5E1;--color-gray-200: #D8D6D1;--color-gray-300: #C4C1BA;--color-gray-400: #A39D92;--color-gray-500: #7D776C;--color-gray-600: #6B645A;--color-gray-700: #2C2C2C;--color-gray-800: #242424;--color-gray-900: #1A1A1A;--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-50);--bg-dark: var(--color-gray-900);--bg-dark-secondary: var(--color-gray-800);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-500);--text-inverse: var(--color-white);--font-family-primary: "Playfair Display", serif;--font-family-secondary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--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;--spacing-5xl: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--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 -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.dark{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-dark: var(--color-black);--bg-dark-secondary: var(--color-gray-700);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-300);--text-muted: var(--color-gray-400);--text-inverse: var(--color-gray-900)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;line-height:1.15;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-secondary);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,3.75rem)}h2{font-size:clamp(1.75rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2.25rem)}h4{font-size:clamp(1.25rem,2.5vw,1.875rem)}h5{font-size:clamp(1.125rem,2vw,1.5rem)}h6{font-size:clamp(1rem,1.5vw,1.25rem)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 640px){.container{padding:0 var(--spacing-lg)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-xl)}}.hidden{display:none!important}.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}.skip-to-content{position:absolute;top:-100px;left:var(--spacing-md);background:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-to-content:focus{top:var(--spacing-md)}.header{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);z-index:var(--z-sticky);transition:all var(--transition-normal)}.dark .header{background:#020817f2;border-bottom-color:var(--color-gray-700)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.nav-content{display:flex;justify-content:space-between;align-items:center;height:4rem}.logo-container{flex-shrink:0}.logo{height:4rem;width:auto}.desktop-nav{display:none}@media (min-width: 768px){.desktop-nav{display:block}}.nav-links{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-link{color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:color var(--transition-fast);position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.header-controls{display:flex;align-items:center;gap:var(--spacing-md)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.theme-toggle:hover{background:var(--color-gray-100)}.dark .theme-toggle:hover{background:var(--color-gray-800)}.theme-icon{width:1.25rem;height:1.25rem}.dark .sun-icon{display:none}.dark .moon-icon{display:block}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}@media (min-width: 768px){.mobile-menu-button{display:none}}.mobile-menu-button:hover{background:var(--color-gray-100)}.dark .mobile-menu-button:hover{background:var(--color-gray-800)}.menu-icon{width:1.5rem;height:1.5rem}.mobile-nav{display:block}@media (min-width: 768px){.mobile-nav{display:none}}.mobile-nav-content{padding:var(--spacing-md);border-top:1px solid var(--color-gray-200);background:var(--bg-primary)}.dark .mobile-nav-content{border-top-color:var(--color-gray-700)}.mobile-nav-link{display:block;padding:var(--spacing-md);color:var(--text-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.mobile-nav-link:hover{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-weight:var(--font-weight-medium);text-align:center;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:1rem;line-height:1.5}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-lg)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.btn-outline-green{background:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary);padding:var(--spacing-sm) var(--spacing-lg)}.btn-outline-green:hover{background:var(--color-secondary);color:var(--color-white)}.btn-full{width:100%}.btn-icon{width:1.25rem;height:1.25rem}.animate-fade-in{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.animate-fade-in.visible{opacity:1;transform:translateY(0)}.hero-section .animate-fade-in{opacity:1;transform:translateY(0);animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section{padding:var(--spacing-5xl) 0}.hero-section{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);padding-top:5rem;position:relative;z-index:1}.dark .hero-section{background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%)}.hero-content-wrapper{display:flex;flex-direction:column;gap:var(--spacing-3xl);align-items:center;justify-content:center;text-align:center}.hero-content{text-align:center;width:100%}.hero-title{margin-bottom:var(--spacing-lg)}.company-name{color:var(--color-primary)}.hero-tagline{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.highlight-blue,.highlight-green,.highlight-purple{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.hero-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 640px){.hero-buttons{flex-direction:row;justify-content:center}}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image-grid,.hero-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);max-width:900px;margin:0 auto;padding:var(--spacing-xl) 0}.hero-image-link{display:block;transition:all var(--transition-default);text-decoration:none}.hero-image-link:hover{transform:translateY(-4px)}.service-image{width:100%;height:250px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);border:3px solid var(--color-gray-200);cursor:pointer}.dark .service-image{border-color:var(--color-gray-700)}.service-image:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}@media (max-width: 768px){.hero-image-grid,.hero-services-grid{grid-template-columns:1fr;gap:var(--spacing-md);max-width:300px}.service-image{height:200px}}@media (max-width: 480px){.service-image{height:180px}}.section-header{text-align:center;margin-bottom:var(--spacing-4xl)}.section-title{color:var(--text-primary);margin-bottom:var(--spacing-md)}.section-description{font-size:1.25rem;color:var(--text-secondary);max-width:48rem;margin:0 auto}.services-section{background:var(--bg-primary)}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);border:1px solid var(--color-gray-100)}.dark .service-card{background:var(--color-gray-800);border-color:var(--color-gray-700)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.service-icon{width:4rem;height:4rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.service-icon-blue{background:#3c83f61a;color:var(--color-primary)}.service-icon-green{background:#17a6851a;color:var(--color-secondary)}.service-icon-purple{background:#7c3bed1a;color:#8b5cf6}.icon{width:2rem;height:2rem}.service-title{color:var(--text-primary);margin-bottom:var(--spacing-md)}.service-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.learn-more-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.learn-more-btn:hover{color:var(--color-primary-dark)}.learn-more-icon{width:1rem;height:1rem;transition:transform var(--transition-fast)}.service-details{margin-top:var(--spacing-md);animation:slideDown .3s ease-out}.details-list{list-style:none;padding:0}.detail-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.check-icon{width:1rem;height:1rem;color:var(--color-primary);margin-top:2px;flex-shrink:0}.portfolio-section{background:var(--bg-secondary)}.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.portfolio-filter{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:9999px;font-weight:var(--font-weight-medium);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);background:var(--color-gray-200);color:var(--color-gray-700)}.dark .portfolio-filter{background:var(--color-gray-700);color:var(--color-gray-300)}.portfolio-filter:hover{background:var(--color-gray-300)}.dark .portfolio-filter:hover{background:var(--color-gray-600)}.portfolio-filter.active{background:var(--color-primary);color:var(--color-white)}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width: 768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-item{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--color-gray-100)}.dark .portfolio-item{background:var(--color-gray-800);border-color:var(--color-gray-700)}.portfolio-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.portfolio-item img{width:100%;height:12rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.portfolio-item .portfolio-content{padding:var(--spacing-lg)}.portfolio-item .portfolio-category{display:inline-block;font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-primary);background:#3c83f61a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;margin-bottom:var(--spacing-sm)}.portfolio-item .portfolio-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.portfolio-item .portfolio-summary{color:var(--text-secondary);font-size:.875rem}.about-section{background:var(--bg-primary)}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl);align-items:center}@media (min-width: 1024px){.about-grid{grid-template-columns:1fr 1fr}}.about-content .section-title{text-align:left;margin-bottom:var(--spacing-lg)}.about-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.7}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.stat-blue{color:var(--color-primary)}.stat-green{color:var(--color-secondary)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.about-image-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:var(--spacing-md);height:100%}.about-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-normal)}.about-img:hover{transform:scale(1.02)}.main-img{grid-row:1 / 3;grid-column:1}.secondary-img{grid-column:2}.why-choose-section{background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-100)}.dark .feature-card{background:var(--color-gray-800);border-color:var(--color-gray-700)}.feature-icon{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.feature-icon-blue{background:#3c83f61a;color:var(--color-primary)}.feature-icon-green{background:#17a6851a;color:var(--color-secondary)}.feature-title{color:var(--text-primary);margin-bottom:var(--spacing-md)}.feature-description{color:var(--text-secondary)}.project-detail-main{padding-top:5rem;min-height:100vh}.project-detail{max-width:900px;margin:0 auto;padding:var(--spacing-4xl) 0}.project-header{text-align:center;margin-bottom:var(--spacing-4xl)}.project-category{display:inline-block;background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.project-title{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.1}.project-summary{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.project-tags{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.tag{background:var(--color-gray-100);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.875rem}.dark .tag{background:var(--color-gray-700)}.project-content,.project-image{margin-bottom:var(--spacing-4xl)}.featured-image{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.project-details{display:flex;flex-direction:column;gap:var(--spacing-4xl)}.detail-section h2{color:var(--text-primary);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-sm)}.detail-section p{color:var(--text-secondary);line-height:1.7;font-size:1.125rem}.project-footer{background:var(--bg-secondary);padding:var(--spacing-4xl);border-radius:var(--radius-xl);text-align:center}.project-cta h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.project-cta p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.project-title{font-size:2rem}.project-detail{padding:var(--spacing-2xl) 0}.project-footer{padding:var(--spacing-2xl)}}.contact-section{background:var(--bg-primary)}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl)}@media (min-width: 1024px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-title{font-size:2rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.contact-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.7}.contact-links{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.contact-link{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);transition:color var(--transition-fast)}.contact-link:hover{color:var(--color-primary)}.contact-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column}.form-label{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem}.form-input{padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast);font-size:1rem}.dark .form-input{border-color:var(--color-gray-600);background:var(--color-gray-800)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3c83f61a}.form-textarea{resize:vertical;min-height:6rem}.error-message{color:#dc3843;font-size:.875rem;margin-top:var(--spacing-xs)}.form-input.error{border-color:#dc3843}.form-status{text-align:center}.form-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.form-success{color:#21c45d;background:#21c45d1a}.form-error{color:#dc3843;background:#dc38431a}.form-message-icon{width:1.25rem;height:1.25rem}.footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.dark .footer{background:var(--color-gray-800)}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.footer-content{grid-template-columns:repeat(3,1fr)}}.footer-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--spacing-md)}.footer-description{color:var(--color-gray-300);font-size:.875rem}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-link{color:var(--color-gray-300);font-size:.875rem;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-white)}.footer-contact p{color:var(--color-gray-300);font-size:.875rem;margin-bottom:var(--spacing-sm)}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-700)}.footer-copyright{color:var(--color-gray-300);font-size:.875rem}.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);background:var(--color-primary);color:var(--color-white);border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:var(--z-fixed)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--color-primary-dark);transform:scale(1.1);box-shadow:var(--shadow-xl)}.back-to-top-icon{width:1.5rem;height:1.5rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal.visible{opacity:1;visibility:visible}.modal-backdrop{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);max-width:56rem;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.95);transition:transform var(--transition-normal);border:1px solid var(--color-gray-200)}.dark .modal-content{background:var(--color-gray-800);border-color:var(--color-gray-700)}.modal.visible .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-secondary)}.modal-close-icon{width:1.5rem;height:1.5rem}.modal-carousel{position:relative;margin-bottom:var(--spacing-lg)}.carousel-container{position:relative;height:16rem;background:var(--color-gray-100);border-radius:var(--radius-lg);overflow:hidden}@media (min-width: 768px){.carousel-container{height:24rem}}.dark .carousel-container{background:var(--color-gray-700)}.carousel-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:var(--color-gray-50)}.dark .carousel-image{background:var(--color-gray-800)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:var(--color-white);border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast)}.carousel-btn:hover{background:#000000b3}.carousel-prev{left:var(--spacing-md)}.carousel-next{right:var(--spacing-md)}.carousel-icon{width:1.25rem;height:1.25rem}.modal-details{padding:0 var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-detail-section{margin-bottom:var(--spacing-lg)}.modal-detail-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.modal-detail-text{color:var(--text-secondary)}.modal-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.modal-tags .tag{background:var(--color-gray-100);color:var(--color-gray-800);padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;font-size:.875rem}.dark .modal-tags .tag{background:var(--color-gray-700);color:var(--color-gray-200)}.modal-calendly .modal-content{max-width:64rem}.calendly-container{height:24rem}@media (min-width: 768px){.calendly-container{height:31.25rem}}.calendly-iframe{width:100%;height:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading{opacity:.6;pointer-events:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-fade-in{opacity:1;transform:none}}.portfolio-modal{z-index:var(--z-modal);padding:var(--spacing-lg);transition:all var(--transition-normal);position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:all .3s ease}.portfolio-modal.visible{opacity:1;visibility:visible}.modal-content{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:1200px;max-height:90vh;width:100%;overflow-y:auto;transform:scale(.9);transition:transform var(--transition-normal)}.portfolio-modal.visible .modal-content{transform:scale(1)}.modal-body{padding:var(--spacing-xl)}.modal-image-container{position:relative;margin-bottom:var(--spacing-xl)}.modal-image{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg)}.image-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.image-nav:hover{background:#000000b3}.prev-image{left:10px}.next-image{right:10px}.image-counter{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:15px;font-size:.875rem}.modal-sections{display:grid;gap:var(--spacing-lg)}.modal-section{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center}.dark .modal-header{border-bottom-color:var(--color-gray-700)}.modal-title{font-family:var(--font-family-primary);font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.modal-close{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--color-gray-100);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-gray-200);color:var(--text-primary)}.dark .modal-close{background:var(--color-gray-800)}.dark .modal-close:hover{background:var(--color-gray-700)}.modal-body{padding:var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media (max-width: 768px){.modal-body{grid-template-columns:1fr}}.modal-images{position:relative}.modal-image{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--text-primary)}.modal-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.modal-prev{left:var(--spacing-md)}.modal-next{right:var(--spacing-md)}.modal-image-counter{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background:#000000b3;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.875rem}.modal-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-section{border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-lg)}.dark .modal-section{border-bottom-color:var(--color-gray-700)}.modal-section:last-child{border-bottom:none;padding-bottom:0}.modal-section-title{font-family:var(--font-family-primary);font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.modal-section-content{color:var(--text-secondary);line-height:1.6}.modal-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.modal-tag{background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;font-size:.75rem;font-weight:var(--font-weight-medium)}@media print{.header,.back-to-top,.modal,.portfolio-modal,.btn{display:none!important}body{background:#fff!important;color:#000!important}section{page-break-inside:avoid}}