.admin-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-container{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:2rem;width:100%}.login-container h1{color:#333;margin-bottom:1.5rem;text-align:center}.login-container form{display:flex;flex-direction:column;gap:1rem}.login-container input{border:2px solid #ddd;border-radius:5px;font-size:1rem;padding:.75rem}.login-container button{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background .3s}.login-container button:hover{background:#5a6fd8}.admin-dashboard{background:#f5f5f5;min-height:100vh}.admin-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 2rem}.admin-header h1{color:#333;margin:0}.header-buttons{display:flex;gap:.5rem}.admin-header button{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .3s}.admin-header button:hover{background:#c82333}.admin-header .home-btn{background:#ff6b35}.admin-header .home-btn:hover{background:#e63900}.admin-nav{background:#fff;border-bottom:1px solid #ddd;display:flex;gap:.5rem;padding:0 2rem}.admin-nav button{background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;padding:1rem 1.5rem;transition:all .3s}.admin-nav button:hover{background:#f8f9fa}.admin-nav button.active{border-bottom-color:#667eea;color:#667eea;font-weight:700}.admin-content{margin:0 auto;max-width:1200px;padding:2rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center}.stat-number{color:#667eea;font-size:2rem;margin:0}.stat-text{color:#666;font-size:1rem;margin:0}.company-section,.create-partner,.files-section,.partners-list,.projects-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.company-section form,.create-partner form,.projects-section form{display:flex;flex-direction:column;gap:1rem;max-width:500px}.company-section input,.company-section textarea,.create-partner input,.projects-section input,.projects-section textarea{border:2px solid #ddd;border-radius:5px;font-size:1rem;padding:.75rem}.company-section textarea{min-height:100px;resize:vertical}.company-section button,.create-partner button,.projects-section button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem}.before-after-section,.upload-section{border:2px dashed #ddd;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.before-after-section form,.upload-section form{display:flex;flex-direction:column;gap:1rem}.image-uploads{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.image-uploads label{display:block;font-weight:700;margin-bottom:.5rem}.partners-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.partner-card{background:#fff;border:2px solid #ddd;border-radius:8px;padding:1.5rem;transition:all .3s}.partner-card.active{border-color:#28a745}.partner-card.locked{border-color:#dc3545;opacity:.7}.partner-card h3{color:#333;margin:0 0 1rem}.partner-card p{color:#666;margin:.5rem 0}.status{border-radius:3px;font-size:.875rem;font-weight:700;padding:.25rem .5rem}.status.active{background:#d4edda;color:#155724}.status.locked{background:#f8d7da;color:#721c24}.partner-actions{display:flex;gap:.5rem;margin-top:1rem}.partner-actions button{border:none;border-radius:5px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.lock-btn{background:#ffc107;color:#212529}.unlock-btn{background:#28a745;color:#fff}@media (max-width:768px){.admin-nav{flex-wrap:wrap;padding:0 1rem}.admin-nav button{font-size:.875rem;padding:.75rem 1rem}.admin-content{padding:1rem}.image-uploads,.partners-grid,.stats-grid{grid-template-columns:1fr}}.service-pricing{padding:2rem}.service-pricing h2{margin-bottom:.5rem}.service-pricing>p{color:#666;margin-bottom:2rem}.service-form{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.service-form h3{color:#333;margin-bottom:1rem}.service-form input{border:2px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.service-form input:focus{border-color:#667eea;outline:none}.form-actions{display:flex;gap:1rem}.form-actions button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s}.form-actions button[type=submit]{background:#667eea;color:#fff}.form-actions button[type=submit]:hover{background:#5a6fd8}.form-actions .cancel-btn{background:#6c757d;color:#fff}.form-actions .cancel-btn:hover{background:#5a6268}.services-list h3{margin-bottom:1rem}.empty-state{background:#f8f9fa;border-radius:8px;color:#666;padding:2rem}.services-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.services-table thead{background:#667eea;color:#fff}.services-table td,.services-table th{padding:1rem;text-align:left}.services-table tbody tr{border-bottom:1px solid #eee}.services-table tbody tr:hover{background:#f8f9fa}.services-table .actions{display:flex;gap:.5rem}.services-table .edit-btn{background:#ffc107;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .3s}.services-table .edit-btn:hover{background:#e0a800}.services-table .delete-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .3s}.services-table .delete-btn:hover{background:#c82333}.jobs-management{padding:2rem}.jobs-management h2{margin-bottom:.5rem}.jobs-management>p{color:#666;margin-bottom:2rem}.job-form{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.job-form h3{color:#333;margin-bottom:1rem}.job-form input,.job-form select,.job-form textarea{border:2px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.job-form textarea{resize:vertical}.job-form input:focus,.job-form select:focus,.job-form textarea:focus{border-color:#667eea;outline:none}.jobs-list h3{margin-bottom:1rem}.jobs-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.job-card{border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.job-card.closed{border-left-color:#dc3545;opacity:.7}.job-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:.5rem}.job-header h4{color:#333;margin:0}.status-badge{border-radius:12px;font-size:.85rem;padding:.25rem .75rem}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.closed{background:#fee2e2;color:#991b1b}.job-type{color:#667eea;margin:.5rem 0}.job-description{color:#666;line-height:1.5;margin:1rem 0}.job-actions{display:flex;gap:.5rem;margin-top:1rem}.applications-section{margin-top:3rem}.applications-section h3{margin-bottom:1rem}.applications-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.applications-table thead{background:#667eea;color:#fff}.applications-table td,.applications-table th{padding:1rem;text-align:left}.applications-table tbody tr{border-bottom:1px solid #eee}.applications-table tbody tr:hover{background:#f8f9fa}.applications-table a{color:#667eea;text-decoration:none}.applications-table a:hover{text-decoration:underline}.projects-list,.uploaded-files-section{margin-top:2rem}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.gallery-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.gallery-item h5{color:#1e293b;font-size:1.1rem;margin:0 0 1rem}.before-after-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.before-after-images>div{text-align:center}.before-after-images p{color:#64748b;font-weight:600;margin:0 0 .5rem}.before-after-images img{border:1px solid #e2e8f0;border-radius:4px;height:150px;object-fit:cover;width:100%}.file-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.file-item img{border-radius:4px;height:150px}.file-icon{font-size:4rem}.file-item p{color:#64748b;font-size:.9rem;margin:.5rem 0}.delete-btn{background:#dc2626;border-radius:4px;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem;transition:background .3s;width:100%}.delete-btn:hover{background:#b91c1c}.messages-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.messages-section,.quote-requests-section{margin-bottom:2rem}.messages-list{grid-gap:1rem;display:grid;gap:1rem;margin-top:1rem}.message-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.message-card.quote-card{border-left:4px solid #ff6b35}.message-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.message-header h3{color:#1e293b;margin:0}.message-date{color:#64748b;font-size:.85rem}.message-content{background:#f8fafc;border-radius:4px;margin:.5rem 0 1rem;padding:1rem;white-space:pre-wrap;word-break:break-word}.quote-details p{margin:.5rem 0}.message-card .delete-btn{margin-top:1rem;width:auto}@media (max-width:1024px){.messages-container{grid-template-columns:1fr}}.partner-login{align-items:center;background:linear-gradient(135deg,#059669,#10b981);display:flex;justify-content:center;min-height:100vh}.partner-dashboard{background:#f0fdf4;min-height:100vh}.partner-header{background:linear-gradient(135deg,#059669,#047857);color:#fff;justify-content:space-between;padding:1.5rem 2rem}.partner-header,.partner-info{align-items:center;display:flex}.partner-info{gap:1rem}.partner-info button{background:#f97316;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.5rem 1rem}.partner-nav{background:#fff;box-shadow:0 2px 4px -1px #0000001a;display:flex;gap:1rem;padding:1rem 2rem}.partner-nav button{background:#0000;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s}.partner-nav button.active{background:#10b981;border-color:#10b981;color:#fff}.partner-content{margin:0 auto;max-width:1200px;padding:2rem}.upload-section{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.upload-area{border:2px dashed #10b981;border-radius:1rem;margin-top:1rem;padding:3rem;text-align:center}.upload-label{align-items:center;color:#10b981;cursor:pointer;display:flex;flex-direction:column;font-size:1.125rem;font-weight:600;gap:.5rem}.upload-label span{color:#6b7280;font-size:.875rem}#file-upload{display:none}.status-section{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.status-section form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.status-section input,.status-section textarea{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem}.status-section textarea{min-height:100px;resize:vertical}.status-section button{background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.75rem}.status-history{border-top:1px solid #e5e7eb;padding-top:2rem}.status-item{background:#f9fafb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.status-item h4{color:#374151;margin:0 0 .5rem}.status-item p{color:#6b7280;margin:0 0 .5rem}.files-section{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.files-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.file-item{background:#f9fafb;border-radius:.5rem;padding:1rem;text-align:center}.file-item img{border-radius:.5rem;height:120px;margin-bottom:.5rem;object-fit:cover;width:100%}.file-icon{font-size:3rem;margin-bottom:.5rem}.file-item p{color:#374151;font-size:.875rem;margin:0;word-break:break-word}.file-item small{color:#6b7280}.job-application-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.job-application-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:900px;overflow:hidden}.job-header-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem}.job-header-section h1{font-size:2.5rem;margin:0 0 1rem}.job-meta-large{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.job-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px}.meta-item{font-size:1.1rem}.job-content-section{padding:3rem 2rem}.job-info-section{margin-bottom:3rem}.job-info-section h2{color:#667eea;font-size:1.8rem;margin-bottom:1rem}.job-info-section p{color:#666;font-size:1.1rem;line-height:1.8;white-space:pre-wrap}.application-section{background:#f8f9fa;border-radius:15px;margin-top:3rem;padding:2rem}.application-section h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.application-form{gap:1.5rem}.application-form,.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:1.1rem;padding:1rem;transition:border-color .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{resize:vertical}.file-uploads{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.file-upload-box label{background:#fff;border:2px dashed #ddd;border-radius:10px;color:#667eea;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:.5rem;padding:1.5rem;text-align:center;transition:all .3s}.file-upload-box label:hover{background:#f0f2ff;border-color:#667eea}.file-upload-box input[type=file]{display:none}.file-selected{color:#10b981;font-size:.9rem;font-weight:600;word-break:break-word}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;font-size:1.2rem;margin-top:1rem;padding:1rem 2rem;transition:transform .3s,box-shadow .3s}.submit-btn:hover{box-shadow:0 10px 25px #10b9814d}.job-loading,.job-not-found{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.5rem;justify-content:center;min-height:100vh}.job-not-found h1{font-size:3rem;margin-bottom:1rem}@media (max-width:768px){.job-application-page{padding:1rem}.job-header-section{padding:2rem 1.5rem}.job-header-section h1{font-size:1.8rem}.job-content-section{padding:2rem 1.5rem}.application-section{padding:1.5rem}.file-uploads{grid-template-columns:1fr}}:root{--primary-blue:#1e40af;--primary-orange:#ea580c;--secondary-gray:#64748b;--light-gray:#f8fafc;--medium-gray:#e2e8f0;--dark-gray:#1e293b;--white:#fff;--success:#059669;--error:#dc2626;--warning:#d97706;--accent-yellow:#fbbf24;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--font-family:"Inter","Roboto",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-heading:"Inter","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f9fafb,#e5e7eb);background-attachment:fixed;background-image:radial-gradient(circle at 20% 80%,#f973161a 0,#0000 50%),radial-gradient(circle at 80% 20%,#6b72801a 0,#0000 50%),linear-gradient(45deg,#0000 24%,#9ca3af0d 25%,#9ca3af0d 26%,#0000 27%,#0000 74%,#9ca3af0d 75%,#9ca3af0d 76%,#0000 77%);background-size:100% 100%,100% 100%,60px 60px;color:#1e293b;color:var(--dark-gray);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family);line-height:1.6}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.header{animation:slideDown .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1e293b,#64748b);background:linear-gradient(135deg,var(--dark-gray) 0,var(--secondary-gray) 100%);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;color:#fff;color:var(--white);overflow:hidden;padding:1.5rem 2rem;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:100}.header:before{animation:headerFlow 8s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#f973161a 50%,#0000 70%),radial-gradient(circle at 20% 20%,#f9731626 0,#0000 50%),radial-gradient(circle at 80% 80%,#6b728026 0,#0000 50%);bottom:0;left:0;right:0}.header:after,.header:before{content:"";pointer-events:none;position:absolute;top:0}.header:after{animation:headerShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;width:100%}@keyframes headerFlow{0%,to{opacity:.3;transform:translateX(0)}50%{opacity:.7;transform:translateX(10px)}}@keyframes headerShine{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header h1{margin-bottom:1rem;margin-bottom:var(--space-2);text-align:center}.header nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-1);justify-content:center}.header nav button{background:#ffffff26;border:1px solid #fff3;font-weight:600;text-shadow:0 1px 2px #0000004d}.header nav button:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 4px 12px #0003}.header nav button.active{border-color:#ea580c;border-color:var(--primary-orange);box-shadow:0 4px 12px #ea580c4d}.language-switcher{display:flex;gap:.5rem;gap:var(--space-1);margin-left:auto}.language-switcher button{font-size:.75rem;font-size:var(--font-size-xs);min-height:36px;padding:.5rem 1rem;padding:var(--space-1) var(--space-2)}.main-content{flex:1 1;padding:0}.tab-content{margin:0 auto;max-width:1200px;padding:3rem 2rem;padding:var(--space-6) var(--space-4)}.hero{align-items:center;background:linear-gradient(#374151b3,#374151b3),url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80) 50%/cover no-repeat;color:#fff;color:var(--white);display:flex;justify-content:center;margin-left:calc(-50vw + 50%);min-height:100vh;overflow:hidden;padding:0;position:relative;text-align:center;width:100vw}.hero:before{animation:shimmer 6s ease-in-out infinite;background-image:linear-gradient(45deg,#0000 30%,#f973161a 50%,#fbbf241a 70%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath d='M0 10h20M10 0v20' stroke='rgba(156,163,175,0.2)' stroke-width='.5'/%3E%3Ccircle cx='5' cy='5' r='1' fill='rgba(249,115,22,0.3)'/%3E%3Ccircle cx='15' cy='15' r='1' fill='rgba(251,191,36,0.3)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E")}.hero:after,.hero:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero:after{animation:pulse 4s ease-in-out infinite alternate;background-image:radial-gradient(circle at 25% 25%,#f973161a 0,#0000 50%),radial-gradient(circle at 75% 75%,#6b72801a 0,#0000 50%)}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.8}}.hero h1{font-family:Inter,Roboto,sans-serif;font-family:var(--font-family-heading);font-size:3rem;font-size:var(--font-size-5xl);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem;margin-bottom:var(--space-4);text-shadow:2px 2px 4px #0000004d}.hero-subtitle{opacity:.9}.cta-primary,.cta-secondary{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;justify-content:center;min-height:44px;padding:1.5rem 2.5rem;padding:var(--space-3) var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cta-primary{background:linear-gradient(135deg,#1e40af,#ea580c);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-orange) 100%);box-shadow:0 8px 25px #1e40af4d;color:#fff;color:var(--white);font-weight:600}.cta-primary:hover{background:linear-gradient(135deg,#1d4ed8,#ea580c);box-shadow:0 12px 35px #1e40af66;transform:translateY(-3px)}.cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;color:#fff;color:var(--white)}.cta-secondary:hover{background:#fff3;transform:translateY(-2px)}.services-preview{background:#fff;background:var(--white);padding:5rem 2rem;padding:var(--space-10) var(--space-4)}.services-preview h2{font-size:1.875rem;font-size:var(--font-size-3xl)}.services-grid{grid-gap:3rem;grid-gap:var(--space-6);gap:3rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.service-card{border:1px solid #1e3a8a1a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:3rem;padding:var(--space-6)}.service-card:hover{transform:translateY(-8px)}.service-icon{margin-bottom:1.5rem;margin-bottom:var(--space-3)}.service-card h3{font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:1rem;margin-bottom:var(--space-2)}.service-card p{font-size:var(--font-size-base)}.contact-preview{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--light-gray) 0,#e2e8f0 100%);padding:5rem 2rem;padding:var(--space-10) var(--space-4)}.contact-preview h2{font-size:1.875rem;font-size:var(--font-size-3xl)}.contact-info-grid{grid-gap:3rem;grid-gap:var(--space-6);gap:3rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:900px}.contact-item{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);gap:1.5rem;gap:var(--space-3);padding:2.5rem;padding:var(--space-5)}.contact-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.contact-icon{font-size:2rem}.contact-item h4{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.5rem;margin-bottom:var(--space-1)}.contact-item p{font-size:1rem;font-size:var(--font-size-base)}.testimonials{background:#fff;background:var(--white);padding:5rem 2rem;padding:var(--space-10) var(--space-4)}.testimonials h2{font-size:1.875rem;font-size:var(--font-size-3xl)}.testimonials-grid{grid-gap:3rem;grid-gap:var(--space-6);gap:3rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1000px}.testimonial-card{background:#fff;background:var(--white);border-left:4px solid #ea580c;border-left:4px solid var(--primary-orange);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:3rem;padding:var(--space-6);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.testimonial-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stars{color:#d97706;color:var(--warning);font-size:1.25rem;font-size:var(--font-size-xl)}.stars,.testimonial-card p{margin-bottom:1.5rem;margin-bottom:var(--space-3)}.testimonial-card p{color:#fff;color:var(--white);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500}.testimonial-card h4{color:var(--primary-gray)}.contact-form,.edit-form,.login-form{display:flex;flex-direction:column;gap:2rem;gap:var(--space-4);margin:0 auto;max-width:500px}.contact-form input,.contact-form select,.contact-form textarea,.edit-form input,.login-form input{background:#fff;background:var(--white);border:2px solid #e2e8f0;border-radius:.75rem;border-radius:var(--radius-lg);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);padding:1.5rem;padding:var(--space-3);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.edit-form input:focus,.login-form input:focus{border-color:#ea580c;border-color:var(--primary-orange);box-shadow:0 0 0 3px #f973161a;outline:none}.contact-form button,.edit-form button,.login-form button{background:linear-gradient(135deg,#e63900,#d97706);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 8px #e6390066;color:#fff;color:var(--white);cursor:pointer;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;min-height:44px;padding:1.5rem 2rem;padding:var(--space-3) var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.contact-form button:hover,.edit-form button:hover,.login-form button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;justify-content:center;margin:.5rem;margin:var(--space-1);min-height:44px;padding:1rem 2rem;padding:var(--space-2) var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.call-btn{background:linear-gradient(135deg,#059669,#059669);background:linear-gradient(135deg,var(--success) 0,#059669 100%);color:#fff;color:var(--white)}.email-btn,.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;color:var(--white)}.contact-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-grid{grid-gap:2rem;grid-gap:var(--space-4);display:grid;gap:2rem;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:3rem;margin-top:var(--space-6)}.file-card{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.file-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.file-card img{height:200px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.file-card img:hover{transform:scale(1.05)}.file-card p{color:var(--primary-gray);font-weight:500;padding:1.5rem;padding:var(--space-3)}.file-card small{color:#64748b;color:var(--secondary-gray);font-size:.75rem;font-size:var(--font-size-xs);padding:0 1.5rem 1.5rem;padding:0 var(--space-3) var(--space-3)}.lightbox{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.lightbox-content{animation:fadeIn .3s ease;max-height:90%;max-width:90%;position:relative}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox img{border-radius:.75rem;border-radius:var(--radius-lg);height:auto;max-height:80vh;object-fit:contain;width:100%}.close{color:#fff;color:var(--white);cursor:pointer;font-size:2rem;position:absolute;right:0;top:-40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.close:hover{color:#ea580c;color:var(--primary-orange);transform:scale(1.1)}@media (max-width:768px){.header{padding:1rem 1.5rem;padding:var(--space-2) var(--space-3)}.header h1{font-size:1.25rem;font-size:var(--font-size-xl)}.header nav{gap:.5rem;gap:var(--space-1)}.header nav button{font-size:.75rem;font-size:var(--font-size-xs);padding:1rem;padding:var(--space-2)}.hero{padding:3rem 1.5rem;padding:var(--space-6) var(--space-3)}.hero h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.hero-subtitle{font-size:1.125rem;font-size:var(--font-size-lg)}.hero-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:280px;width:100%}.contact-info-grid,.services-grid,.testimonials-grid{grid-template-columns:1fr}.file-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tab-content{padding:2rem 1.5rem;padding:var(--space-4) var(--space-3)}}.loading{align-items:center;display:flex;height:200px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f8fafc;border-top:4px solid #ea580c;border:4px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary-orange);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.calculator-section{margin:0 auto;max-width:700px;padding:3rem;padding:var(--space-6)}.calculator-section h2{color:var(--primary);font-size:2.5rem;font-weight:700;margin-bottom:3rem;margin-bottom:var(--space-6);text-align:center;text-shadow:0 2px 4px #0000001a}.calculator-form{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:4rem;padding:var(--space-8)}.calculator-form .form-group{margin-bottom:3rem;margin-bottom:var(--space-6)}.calculator-form label{color:#2d3748;display:block;font-size:1.2rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;margin-bottom:var(--space-3);text-transform:uppercase}.calculator-form input,.calculator-form select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#fff!important;background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d!important;color:#2d3748!important;font-family:inherit!important;font-size:1.1rem!important;line-height:1.5!important;padding:2rem!important;padding:var(--space-4)!important;text-align:left!important;transition:all .3s ease;width:100%!important}.calculator-form select{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center!important;background-size:20px!important;cursor:pointer!important;padding-right:40px!important}.calculator-form select option{display:block!important;font-size:1rem!important;padding:8px!important}.calculator-form input:focus,.calculator-form input[type=number],.calculator-form select option,.calculator-form select:focus{background:#fff!important;background-color:#fff!important;color:#2d3748!important}.calculator-form input:focus,.calculator-form select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important;transform:translateY(-1px)}.calculator-form input:hover,.calculator-form select:hover{background:#fff!important;background-color:#fff!important;border-color:#cbd5e0!important;box-shadow:0 4px 8px #0000001a!important}.calculator-form input::placeholder{color:#9ca3af!important;opacity:1!important}.calculator-form input::-webkit-input-placeholder,.calculator-form select::-webkit-input-placeholder{color:#9ca3af!important}.calculator-form input::-moz-placeholder,.calculator-form select::-moz-placeholder{color:#9ca3af!important;opacity:1!important}.calculator-form input,.calculator-form input:active,.calculator-form input:visited,.calculator-form select,.calculator-form select:active,.calculator-form select:visited,.calculator-section input,.calculator-section select{background:#fff!important;background-color:#fff!important;color:#2d3748!important}.calculator-form input,.calculator-form select{align-items:center!important;box-sizing:border-box!important;display:flex!important;font-size:1.2rem!important;height:80px!important;line-height:1.4!important;min-height:80px!important;padding:20px 25px!important;vertical-align:middle!important}.calculator-form select{background-position:right 20px center!important;padding-bottom:20px!important;padding-right:60px!important;padding-top:20px!important}.calculator-form input[type=number]{font-size:1.3rem!important;padding-bottom:20px!important;padding-top:20px!important}.calculator-section .calculator-form input.calculator-input,.calculator-section .calculator-form select.calculator-select{background:#fff!important;border:2px solid #ddd!important;border-radius:8px!important;box-sizing:border-box!important;color:#333!important;display:block!important;font-size:.95rem!important;height:45px!important;line-height:1.2!important;min-height:45px!important;padding:8px 12px!important;position:relative!important;width:100%!important;z-index:1!important}.calculator-section .calculator-form select.calculator-select{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center!important;background-size:16px!important;padding-right:35px!important}.calculator-section .calculator-form select.calculator-select:not([value=""]){color:#333!important}.calculator-section .calculator-form select.calculator-select[value=""]{color:#999!important}.calculator-section .calculator-form input.calculator-input:not(:placeholder-shown){background:#fff!important;color:#333!important}.calculator-section .calculator-form input.calculator-input:placeholder-shown{color:#999!important}.calculator-section .calculator-form .form-group{margin-bottom:20px!important}.calculator-section .calculator-form select.calculator-select option:checked,.calculator-section .calculator-form select.calculator-select:active,.calculator-section .calculator-form select.calculator-select:focus{background:#fff!important;color:#333!important}.calculator-section .calculator-form select.calculator-select{overflow:visible!important;text-indent:0!important;text-overflow:clip!important;white-space:nowrap!important}select.calculator-select,select.calculator-select:active,select.calculator-select:focus,select.calculator-select:visited{background-color:#fff!important;background:#fff!important;color:#333!important}.calculate-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:15px!important;box-shadow:0 8px 16px #10b9814d!important;color:#fff!important;color:var(--white)!important;cursor:pointer!important;font-size:1.3rem!important;font-weight:700!important;letter-spacing:1px!important;margin-top:2rem!important;margin-top:var(--space-4)!important;padding:2rem 3rem!important;padding:var(--space-4) var(--space-6)!important;text-transform:uppercase!important;transition:all .3s ease!important;width:100%!important}.calculate-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 12px 24px #10b98166!important;transform:translateY(-3px)!important}.calculate-btn:active{transform:translateY(-1px)!important}.price-result{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:20px;box-shadow:0 8px 16px #10b98133;margin-top:3rem;margin-top:var(--space-6);padding:3rem;padding:var(--space-6);text-align:center}.price-result h3{color:#065f46;font-size:2rem;font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-3)}.price-breakdown{background:#fff;border-radius:12px;margin:1.5rem 0;padding:1.5rem;text-align:left}.price-breakdown p{color:#374151;font-size:1.1rem;margin:.5rem 0}.price-breakdown .calculation{background:#f3f4f6;border-radius:8px;color:#1f2937;font-size:1.2rem;margin-top:1rem;padding:1rem;text-align:center}.price-breakdown .calculation strong{color:#047857;font-size:1.4rem}.price-result .price-amount{color:#047857;font-size:2.5rem;font-weight:800;margin:1rem 0;text-shadow:0 2px 4px #0000001a}.price-result .disclaimer{color:#6b7280;font-size:.9rem;font-style:italic;margin-top:1rem}.price-result .quote-link{background:none;border:none;color:#047857;cursor:pointer;font-size:.9rem;font-style:italic;font-weight:600;padding:0;text-decoration:underline;transition:color .3s}.price-result .quote-link:hover{color:#065f46}@media (max-width:768px){.calculator-section h2{font-size:2rem}.calculator-form{padding:3rem;padding:var(--space-6)}.calculator-form label{font-size:1.1rem}.calculator-form input,.calculator-form select{font-size:1rem;padding:1.5rem;padding:var(--space-3)}.calculate-btn{font-size:1.1rem}.price-result h3{font-size:1.5rem}.price-result .price-amount{font-size:2rem}}.blog-grid{grid-gap:3rem;grid-gap:var(--space-6);display:grid;gap:3rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem;margin-bottom:var(--space-8)}.blog-post{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:3rem;padding:var(--space-6);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.blog-post:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-date{color:#64748b;color:var(--secondary-gray);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:1.5rem;margin-bottom:var(--space-3)}.read-more{background:#ea580c;background:var(--primary-orange);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;margin-top:1.5rem;margin-top:var(--space-3);padding:1rem 2rem;padding:var(--space-2) var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.read-more:hover{transform:translateY(-2px)}.read-more:hover,.social-media{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.social-media{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);padding:3rem;padding:var(--space-6);text-align:center}.social-links{flex-wrap:wrap;gap:2rem;gap:var(--space-4);justify-content:center;margin-top:2rem;margin-top:var(--space-4)}.social-links a{background:#f8fafc;background:var(--light-gray);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:var(--primary-gray);font-weight:500;padding:1.5rem 2rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.social-links a:hover{background:#ea580c;background:var(--primary-orange);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:translateY(-2px)}.login-section{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin:0 auto;max-width:400px;padding:3rem;padding:var(--space-6)}.admin-header{align-items:center;background:#f8fafc;background:var(--light-gray);display:flex;justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--space-6);padding:2rem;padding:var(--space-4)}.admin-header,.logout-btn{border-radius:.75rem;border-radius:var(--radius-lg)}.logout-btn{background:#dc2626;background:var(--error);color:var(--white);padding:1rem 1.5rem;padding:var(--space-2) var(--space-3);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.logout-btn:hover{transform:translateY(-2px)}.admin-section,.logout-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.admin-section{background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--space-4)}.admin-section,.contact-tabs,.gallery-tabs{margin-bottom:3rem;margin-bottom:var(--space-6)}.contact-tabs,.gallery-tabs{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-2);justify-content:center}.contact-tabs button,.gallery-tabs button{background:#fff;background:var(--white);border:2px solid var(--primary-gray);border-radius:.75rem;border-radius:var(--radius-lg);color:var(--primary-gray);cursor:pointer;font-weight:500;padding:1rem 2rem;padding:var(--space-2) var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.contact-tabs button.active,.gallery-tabs button.active{background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#ff6b35;box-shadow:0 4px 6px #ff6b354d;color:#fff;color:var(--white)}.contact-tabs button:hover,.gallery-tabs button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.before-after-section{display:flex;flex-direction:column;gap:4rem;gap:var(--space-8)}.comparison-item h3{color:var(--primary-gray);font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:2rem;margin-bottom:var(--space-4);text-align:center}.before-after{grid-gap:2rem;grid-gap:var(--space-4);display:grid;gap:2rem;gap:var(--space-4);grid-template-columns:1fr 1fr}.placeholder-img{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--light-gray) 0,#e2e8f0 100%);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;font-size:3rem;height:250px;justify-content:center;margin-top:1rem;margin-top:var(--space-2);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.placeholder-img:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.02)}.contact-section{grid-gap:4rem;grid-gap:var(--space-8);align-items:start;display:grid;gap:4rem;gap:var(--space-8);grid-template-columns:1fr 1fr}.contact-info{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:3rem;padding:var(--space-6)}.map-container{margin-top:2rem;margin-top:var(--space-4)}.map-container iframe{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #ea580c;outline:2px solid var(--primary-orange);outline-offset:2px}@media print{.admin-section,.header nav,.lightbox{display:none!important}}.stats-section{grid-gap:3rem;grid-gap:var(--space-6);display:grid;gap:3rem;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:4rem;margin-top:var(--space-8);max-width:600px}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #6b728033;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-4);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-item:hover{background:#ffffffe6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-number{color:#ea580c;color:var(--primary-orange);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-1);text-shadow:0 2px 4px #0000001a}.stat-label{color:var(--primary-gray);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.stats-section{gap:1.5rem;gap:var(--space-3);grid-template-columns:1fr;margin-top:3rem;margin-top:var(--space-6)}.stat-number{font-size:1.5rem;font-size:var(--font-size-2xl)}}.toast{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-width:400px;padding:1.5rem 2rem;padding:var(--space-3) var(--space-4);position:fixed;right:2rem;right:var(--space-4);top:2rem;top:var(--space-4);z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:linear-gradient(135deg,#10b981e6,#059669e6);border:1px solid #10b9814d}.toast-error,.toast-success{color:#fff;color:var(--white)}.toast-error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:1px solid #ef44444d}.toast-info{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border:1px solid #3b82f64d;color:#fff;color:var(--white)}.toast-content{align-items:center;display:flex;gap:1rem;gap:var(--space-2)}.toast-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.toast-message{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.logo-section{align-items:center;display:flex;gap:1.5rem;gap:var(--space-3)}.company-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 8px 25px #0000004d;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));height:140px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:auto}.company-logo:hover{box-shadow:0 12px 35px #0006;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));transform:scale(1.1)}.header h1{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0;text-align:left}@media (max-width:768px){.company-logo{height:80px}.header h1{font-size:1.125rem;font-size:var(--font-size-lg)}.logo-section{gap:1rem;gap:var(--space-2)}}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-2)}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:1rem;padding:var(--space-2);z-index:101}.hamburger{display:flex;flex-direction:column;height:18px;position:relative;width:24px}.hamburger span{background:#fff;background:var(--white);border-radius:1px;display:block;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.hamburger span:first-child,.hamburger span:nth-child(2){margin-bottom:6px}.hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-1);justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.portfolio-slider{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-width:800px}.slider-container{height:400px}.slider-track{transition:transform .5s cubic-bezier(.4,0,.2,1);width:400%}.slide{background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--white) 0,var(--light-gray) 100%);padding:3rem;padding:var(--space-6);width:25%}.slide h3{color:var(--primary-gray);font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:2rem;margin-bottom:var(--space-4)}.before-after-slider{grid-gap:2rem;grid-gap:var(--space-4);align-items:center;display:grid;gap:2rem;gap:var(--space-4);grid-template-columns:1fr 4px 1fr;max-width:600px}.slider-divider{background:linear-gradient(to bottom,#ea580c,var(--primary-gray));background:linear-gradient(to bottom,var(--primary-orange),var(--primary-gray));border-radius:2px;height:200px;position:relative;width:4px}.slider-divider:before{background:#fff;background:var(--white);border-radius:50%;color:#ea580c;color:var(--primary-orange);content:"↔";font-size:.875rem;font-size:var(--font-size-sm);height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.project-image,.slider-divider:before{align-items:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;justify-content:center}.project-image{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--light-gray) 0,#e2e8f0 100%);border-radius:.75rem;border-radius:var(--radius-lg);font-size:4rem;height:200px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.project-image:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.05)}.slider-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;padding:2rem;padding:var(--space-4)}.slider-btn{background:var(--primary-gray);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:var(--white);font-size:1.25rem;font-size:var(--font-size-xl);height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px}.slider-btn:hover:not(:disabled){background:#ea580c;background:var(--primary-orange)}.slider-btn:disabled{background:#64748b;background:var(--secondary-gray);opacity:.5}.slider-dots{gap:1rem;gap:var(--space-2)}.dot{background:#64748b;background:var(--secondary-gray);height:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:12px}.dot.active{background:#ea580c;background:var(--primary-orange);transform:scale(1.2)}.masonry-grid{column-count:3;column-gap:2rem;column-gap:var(--space-4);margin-top:3rem;margin-top:var(--space-6)}.masonry-item{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);break-inside:avoid;margin-bottom:2rem;margin-bottom:var(--space-4);overflow:hidden;page-break-inside:avoid;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.masonry-item:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.image-container{overflow:hidden;position:relative}.image-container img{cursor:pointer;display:block;height:auto;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.image-container:hover img{transform:scale(1.05)}.image-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 0,#000c);bottom:0;display:flex;left:0;opacity:0;padding:2rem;padding:var(--space-4);position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.image-container:hover .image-overlay{opacity:1}.overlay-content{color:#fff;color:var(--white)}.overlay-content h4{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-1)}.overlay-content p{font-size:.875rem;font-size:var(--font-size-sm);opacity:.9}.item-info{padding:1.5rem;padding:var(--space-3)}.item-info small{color:#64748b;color:var(--secondary-gray);font-size:.75rem;font-size:var(--font-size-xs)}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--space-4);padding:2rem;padding:var(--space-4)}.skeleton-line{border-radius:.25rem;border-radius:var(--radius-sm);height:20px;margin-bottom:1rem;margin-bottom:var(--space-2)}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}.error-state{color:#64748b;color:var(--secondary-gray);padding:4rem;padding:var(--space-8);text-align:center}.error-state .error-icon{font-size:4rem;margin-bottom:2rem;margin-bottom:var(--space-4);opacity:.5}.error-state h3{color:var(--primary-gray);font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:1rem;margin-bottom:var(--space-2)}.error-state p{margin-bottom:2rem;margin-bottom:var(--space-4)}.retry-btn{background:#ea580c;background:var(--primary-orange);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;padding:1rem 2rem;padding:var(--space-2) var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.retry-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.mobile-menu-btn{display:block}.nav{align-items:center;background:linear-gradient(135deg,var(--primary-gray) 0,#2563eb 100%);flex-direction:column;gap:2rem;gap:var(--space-4);height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateX(-100%);width:100%;z-index:100}.nav-open{transform:translateX(0)}.nav button{font-size:1.125rem;font-size:var(--font-size-lg);padding:1.5rem 3rem;padding:var(--space-3) var(--space-6);text-align:center;width:200px}.language-switcher{margin-left:0;margin-top:2rem;margin-top:var(--space-4)}.masonry-grid{column-count:1}.slider-track{width:400%}.slide{padding:2rem;padding:var(--space-4);width:25%}.before-after-slider{gap:1.5rem;gap:var(--space-3);grid-template-columns:1fr}.slider-divider{height:4px;margin:1rem 0;margin:var(--space-2) 0;width:100%}.slider-divider:before{content:"↕"}.project-image{font-size:3rem;height:150px}.stats-section{gap:1.5rem;gap:var(--space-3);grid-template-columns:1fr;margin-top:3rem;margin-top:var(--space-6)}}@media (max-width:480px){.masonry-grid{column-count:1;column-gap:0}.masonry-item{margin-bottom:1.5rem;margin-bottom:var(--space-3)}.slider-container{height:300px}.slide h3{font-size:1.125rem;font-size:var(--font-size-lg)}.project-image{font-size:2rem;height:120px}}.contact-hero{margin:-3rem -2rem 3rem;margin:calc(var(--space-6)*-1) calc(var(--space-4)*-1) var(--space-6);overflow:hidden;position:relative}.video-background{align-items:center;background:linear-gradient(135deg,var(--primary-gray) 0,#2563eb 100%);display:flex;height:300px;justify-content:center;position:relative}.video-placeholder{animation:float 3s ease-in-out infinite;color:#ffffff4d;font-size:4rem;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.video-overlay{background:#0000004d;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);padding:3rem;padding:var(--space-6);position:relative;text-align:center;z-index:2}.video-overlay h2{color:#fff;color:var(--white);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-2);text-shadow:2px 2px 4px #00000080}.video-overlay p{color:#fff;color:var(--white);font-size:1.125rem;font-size:var(--font-size-lg);opacity:.95;text-shadow:1px 1px 3px #00000080}.contact-methods{grid-gap:2rem;grid-gap:var(--space-4);display:grid;gap:2rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;margin-bottom:var(--space-6)}.contact-method{align-items:center;background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;gap:var(--space-3);padding:2.5rem;padding:var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.contact-method:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.method-icon{align-items:center;background:linear-gradient(135deg,#ea580c,#ea580c);background:linear-gradient(135deg,var(--primary-orange) 0,#ea580c 100%);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.method-content h4{color:var(--primary-gray);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-1)}.method-content p{color:#64748b;color:var(--secondary-gray);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:1rem;margin-bottom:var(--space-2)}.map-wrapper{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.map-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);left:1.5rem;left:var(--space-3);padding:1.5rem;padding:var(--space-3);position:absolute;top:1.5rem;top:var(--space-3)}.location-info h5{color:var(--primary-gray);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-1)}.location-info p{color:#64748b;color:var(--secondary-gray);font-size:.75rem;font-size:var(--font-size-xs);margin:0}.form-container{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:3rem;padding:var(--space-6)}.enhanced-form h3{color:var(--primary-gray);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:3rem;margin-bottom:var(--space-6);text-align:center}.form-row{grid-gap:2rem;grid-gap:var(--space-4);display:grid;gap:2rem;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-group{margin-bottom:2rem;margin-bottom:var(--space-4);position:relative}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:.75rem;border-radius:var(--radius-lg);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family);outline:none;padding:1.5rem 1.5rem 1rem;padding:var(--space-3) var(--space-3) var(--space-2);width:100%}.form-group input,.form-group label,.form-group select,.form-group textarea{background:#fff;background:var(--white);font-size:1rem;font-size:var(--font-size-base);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group label{color:#64748b;color:var(--secondary-gray);left:1.5rem;left:var(--space-3);padding:0 .5rem;padding:0 var(--space-1);pointer-events:none;position:absolute;top:1.5rem;top:var(--space-3)}.form-group input:focus,.form-group input:not(:placeholder-shown),.form-group select:focus,.form-group select:not([value=""]),.form-group textarea:focus,.form-group textarea:not(:placeholder-shown){border-color:#ea580c;border-color:var(--primary-orange);box-shadow:0 0 0 3px #f973161a}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group select:focus+label,.form-group select:not([value=""])+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{color:#ea580c;color:var(--primary-orange);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;top:-8px}.submit-btn{align-items:center;background:linear-gradient(135deg,#e63900,#d97706);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 8px #e6390066;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:1rem;gap:var(--space-2);justify-content:center;overflow:hidden;padding:2rem 3rem;padding:var(--space-4) var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-icon{font-size:1.25rem;font-size:var(--font-size-xl)}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin:1rem 0;margin:var(--space-2) 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#ea580c 0,var(--primary-gray) 100%);background:linear-gradient(90deg,var(--primary-orange) 0,var(--primary-gray) 100%);border-radius:3px;height:100%;transition:width .3s ease}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #ea580c;outline:2px solid var(--primary-orange);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--primary-blue:navy;--primary-orange:#ff4500;--secondary-gray:#333}}@media (max-width:768px){.contact-hero{margin:-2rem -1.5rem 2rem;margin:calc(var(--space-4)*-1) calc(var(--space-3)*-1) var(--space-4)}.video-background{height:200px}.video-placeholder{font-size:2.5rem}.video-overlay h2{font-size:1.25rem;font-size:var(--font-size-xl)}.video-overlay p{font-size:1rem;font-size:var(--font-size-base)}.contact-methods,.form-row{grid-template-columns:1fr}.method-icon{font-size:2rem;height:50px;width:50px}}.hero-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:3rem;margin-bottom:var(--space-6);position:relative}.hero-logo{animation:logoFloat 3s ease-in-out infinite,logoRotate 8s linear infinite;background:#0000;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px #0006;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5)) contrast(1.2) brightness(1.1);height:300px;mix-blend-mode:multiply;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:auto;z-index:2}.hero-logo:hover{box-shadow:0 25px 50px #00000080;filter:drop-shadow(0 12px 24px rgba(0,0,0,.6)) contrast(1.3) brightness(1.2);transform:scale(1.2) rotateY(15deg)}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(2deg)}50%{transform:translateY(-8px) rotate(0deg)}75%{transform:translateY(-20px) rotate(-2deg)}}@keyframes logoRotate{0%{transform:perspective(1000px) rotateY(0deg)}25%{transform:perspective(1000px) rotateY(5deg)}50%{transform:perspective(1000px) rotateY(0deg)}75%{transform:perspective(1000px) rotateY(-5deg)}to{transform:perspective(1000px) rotateY(0deg)}}.logo-glow{animation:pulse 2s ease-in-out infinite,rotate 10s linear infinite;background:radial-gradient(circle,#f9731666 0,#0596694d 30%,#fbbf2433 60%,#0000 80%);border-radius:50%;height:220px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px;z-index:1}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}}.hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.hero h1{animation:slideInUp 1s ease-out .5s both;color:#1e293b;color:var(--dark-gray);font-size:2.5rem;font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--space-3);text-shadow:2px 2px 4px #ffffff80}.hero-subtitle{animation:slideInUp 1s ease-out .7s both;color:var(--primary-gray);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:300;margin-bottom:3rem;margin-bottom:var(--space-6);opacity:.8}.hero-buttons{animation:slideInUp 1s ease-out .9s both;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-3);justify-content:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-logo{height:80px}.logo-glow{height:100px;width:100px}.hero h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.hero-subtitle{font-size:1.125rem;font-size:var(--font-size-lg)}}.floating-particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.particle{animation:float-particle 15s linear infinite;font-size:4rem;opacity:.4;position:absolute}.particle-1{animation-duration:12s;left:5%}.particle-2{animation-duration:18s;left:15%}.particle-3{animation-duration:14s;left:65%}.particle-4{animation-delay:-6s;animation-duration:16s;left:75%}.particle-5{animation-delay:-8s;animation-duration:20s;left:45%}.particle-6{animation-delay:-10s;animation-duration:13s;left:85%}@keyframes float-particle{0%{opacity:0;transform:translateY(100vh) rotate(0deg) scale(.5)}10%{opacity:.6;transform:translateY(90vh) rotate(36deg) scale(1)}90%{opacity:.6;transform:translateY(10vh) rotate(324deg) scale(1)}to{opacity:0;transform:translateY(-10vh) rotate(1turn) scale(.5)}}@media (max-width:768px){.particle{font-size:1.5rem}.hero-logo{height:120px}.logo-glow{height:140px;width:140px}}.construction-elements{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.crane{animation:craneWork 8s ease-in-out infinite;font-size:6rem;opacity:.2;position:absolute}.crane-1{left:3%;top:5%}.crane-2{animation-delay:-4s;right:5%;top:8%}.building{animation:buildingGrow 12s ease-in-out infinite;font-size:5rem;opacity:.15;position:absolute}.building-1{animation-delay:-2s;bottom:15%;left:8%}.building-2{animation-delay:-6s;bottom:20%;right:12%}.tools{animation:toolsWork 6s ease-in-out infinite;font-size:4rem;opacity:.3;position:absolute}.tools-1{animation-delay:-1s;left:15%;top:55%}.tools-2{animation-delay:-3s;right:20%;top:65%}.blueprint{animation:blueprintFloat 10s ease-in-out infinite;left:12%;opacity:.25;top:35%}.blueprint,.helmet{font-size:3.5rem;position:absolute}.helmet{animation:helmetBob 7s ease-in-out infinite;opacity:.3;right:18%;top:45%}@keyframes craneWork{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(5deg) scale(1.1)}50%{transform:rotate(0deg) scale(1)}75%{transform:rotate(-5deg) scale(.9)}}@keyframes buildingGrow{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.1) translateY(-10px)}}@keyframes toolsWork{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes blueprintFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes helmetBob{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.construction-background{background:linear-gradient(180deg,#374151,#6b7280 50%,#9ca3af);height:300px;overflow:hidden;position:relative;width:100%}.construction-scene,.video-container{height:100%;position:relative;width:100%}.construction-scene{background:linear-gradient(180deg,#1f2937,#374151 20%,#6b7280 50%,#9ca3af 80%,#e5e7eb);overflow:hidden}.construction-scene:before{animation:atmosphereShift 8s ease-in-out infinite;background:radial-gradient(circle at 30% 40%,#f973161a 0,#0000 50%),radial-gradient(circle at 70% 60%,#fbbf241a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes atmosphereShift{0%,to{opacity:.5}50%{opacity:.8}}.building-silhouette{animation:buildingConstruction 8s ease-in-out infinite;background:linear-gradient(180deg,#1f2937,#374151);bottom:0;position:absolute}.building-1{animation-delay:0s;-webkit-clip-path:polygon(0 100%,0 20%,20% 0,80% 0,100% 20%,100% 100%);clip-path:polygon(0 100%,0 20%,20% 0,80% 0,100% 20%,100% 100%);height:120px;left:10%;width:80px}.building-2{animation-delay:-2s;-webkit-clip-path:polygon(0 100%,0 10%,10% 0,90% 0,100% 10%,100% 100%);clip-path:polygon(0 100%,0 10%,10% 0,90% 0,100% 10%,100% 100%);height:150px;left:30%;width:100px}.building-3{animation-delay:-4s;-webkit-clip-path:polygon(0 100%,0 15%,15% 0,85% 0,100% 15%,100% 100%);clip-path:polygon(0 100%,0 15%,15% 0,85% 0,100% 15%,100% 100%);height:130px;right:15%;width:90px}.crane-silhouette{animation:craneMovement 12s ease-in-out infinite;background:linear-gradient(180deg,#f97316,#ea580c);bottom:0;height:200px;position:absolute;transform-origin:bottom center;width:4px}.crane-1{animation-delay:0s;left:25%}.crane-2{animation-delay:-6s;right:25%}.crane-silhouette:before{animation:craneArm 8s ease-in-out infinite;background:#f97316;content:"";height:3px;left:-30px;position:absolute;top:10px;transform-origin:left center;width:60px}.construction-lights{height:100%;left:0;position:absolute;top:0;width:100%}.light{animation:lightBlink 3s ease-in-out infinite;background:#fbbf24;border-radius:50%;box-shadow:0 0 10px #fbbf24;height:6px;position:absolute;width:6px}.light-1{animation-delay:0s;left:20%;top:30%}.light-2{animation-delay:-1s;left:60%;top:40%}.light-3{animation-delay:-2s;right:30%;top:25%}.construction-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:1rem;border-radius:var(--radius-xl);color:#fff;color:var(--white);left:50%;padding:2rem 3rem;padding:var(--space-4) var(--space-6);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.construction-overlay h2{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-2);text-shadow:2px 2px 4px #00000080}.construction-overlay p{font-size:1.125rem;font-size:var(--font-size-lg);opacity:.9;text-shadow:1px 1px 2px #00000080}@keyframes buildingConstruction{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.05)}}@keyframes craneMovement{0%,to{transform:rotate(0deg)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes craneArm{0%,to{transform:rotate(0deg)}50%{transform:rotate(5deg)}}@keyframes lightBlink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:768px){.construction-background{height:200px}.construction-overlay h2{font-size:1.125rem;font-size:var(--font-size-lg)}.construction-overlay p{font-size:1rem;font-size:var(--font-size-base)}.building-silhouette{transform:scale(.8)}.crane-silhouette{height:150px}}.dust-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.dust{animation:dustFloat 6s ease-in-out infinite;background:#e5e7eb99;border-radius:50%;height:3px;position:absolute;width:3px}.dust-1{animation-delay:0s;left:20%;top:60%}.dust-2{animation-delay:-2s;left:50%;top:70%}.dust-3{animation-delay:-4s;right:30%;top:65%}.dust-4{animation-delay:-1s;right:15%;top:75%}@keyframes dustFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0)}25%{opacity:.8;transform:translateY(-20px) translateX(10px)}50%{opacity:.6;transform:translateY(-10px) translateX(-5px)}75%{opacity:.9;transform:translateY(-30px) translateX(15px)}}.crane-silhouette:after{animation:hookSwing 4s ease-in-out infinite;background:#f97316;content:"";height:40px;position:absolute;right:-25px;top:15px;width:2px}@keyframes hookSwing{0%,to{transform:rotate(0deg)}50%{transform:rotate(10deg)}}.scroll-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:calc(-50vw + 50%);min-height:100vh;padding:5rem 2rem;padding:var(--space-10) var(--space-4);transition:all .8s cubic-bezier(.4,0,.2,1);width:100vw}.services-preview{background:linear-gradient(135deg,#f9fafb,#fff);position:relative}.services-preview:before{background-image:radial-gradient(circle at 20% 20%,#f973160d 0,#0000 50%),radial-gradient(circle at 80% 80%,#6b72800d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.services-preview h2{color:var(--primary-gray);font-size:var(--font-size-4xl);margin-bottom:4rem;margin-bottom:var(--space-8);position:relative;text-align:center;z-index:2}.services-grid{grid-gap:4rem;grid-gap:var(--space-8);gap:4rem;gap:var(--space-8);grid-template-columns:repeat(2,1fr);max-width:1000px;position:relative;width:100%;z-index:2}.service-card{background:var(--white);border:1px solid #6b72801a;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:4rem;padding:var(--space-8);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.service-card:hover{border-color:#ea580c;border-color:var(--primary-orange);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-12px) scale(1.02)}.service-icon{font-size:5rem;margin-bottom:2rem;margin-bottom:var(--space-4)}.service-card h3{color:var(--primary-gray);font-size:var(--font-size-2xl);margin-bottom:1.5rem;margin-bottom:var(--space-3)}.service-card p{color:#64748b;color:var(--secondary-gray);font-size:1.125rem;font-size:var(--font-size-lg)}.contact-preview{background:linear-gradient(135deg,#e5e7eb,#d1d5db);position:relative}.contact-preview:before{background-image:radial-gradient(circle at 30% 70%,#f9731614 0,#0000 50%),radial-gradient(circle at 70% 30%,#6b728014 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.contact-preview h2{color:var(--primary-gray);font-size:var(--font-size-4xl);margin-bottom:4rem;margin-bottom:var(--space-8);position:relative;text-align:center;z-index:2}.contact-info-grid{grid-gap:4rem;grid-gap:var(--space-8);gap:4rem;gap:var(--space-8);grid-template-columns:repeat(3,1fr);position:relative;width:100%;z-index:2}.contact-item{background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);flex-direction:column;gap:2rem;gap:var(--space-4);justify-content:center;min-height:250px;padding:4rem;padding:var(--space-8);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.contact-item:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02)}.contact-icon{align-items:center;background:linear-gradient(135deg,#f973161a,#fbbf241a);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#ea580c;color:var(--primary-orange);display:flex;font-size:4rem;height:100px;justify-content:center;width:100px}.contact-item h4{color:var(--primary-gray);font-size:1.25rem;font-size:var(--font-size-xl);margin:0}.contact-item p{color:#64748b;color:var(--secondary-gray);font-size:1.125rem;font-size:var(--font-size-lg)}.testimonials{background:linear-gradient(135deg,#f9fafb,#e5e7eb);position:relative}.testimonials:before{background-image:radial-gradient(circle at 40% 40%,#f973160f 0,#0000 50%),radial-gradient(circle at 60% 60%,#6b72800f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.testimonials h2{color:var(--primary-gray);font-size:var(--font-size-4xl);margin-bottom:4rem;margin-bottom:var(--space-8);position:relative;text-align:center;z-index:2}@media (max-width:768px){.contact-info-grid,.services-grid{gap:2rem;gap:var(--space-4);grid-template-columns:1fr}.contact-item,.service-card{min-height:200px;padding:2rem;padding:var(--space-4)}.contact-icon,.service-icon{font-size:3rem}.contact-icon{height:80px;width:80px}.scroll-section{padding:3rem 1.5rem;padding:var(--space-6) var(--space-3)}}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--space-6)}.gallery-link-btn{background:linear-gradient(135deg,#ea580c,#ea580c);background:linear-gradient(135deg,var(--primary-orange) 0,#ea580c 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;padding:1.5rem 2.5rem;padding:var(--space-3) var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.gallery-link-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.project-status-grid{grid-gap:3rem;grid-gap:var(--space-6);display:grid;gap:3rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.status-card{background:#fff;background:var(--white);border:1px solid #6b72801a;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.status-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.status-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--light-gray) 0,var(--medium-gray) 100%);border-bottom:1px solid #6b72801a;padding:2.5rem;padding:var(--space-5)}.status-header h3{color:var(--primary-gray);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0 0 1rem;margin:0 0 var(--space-2) 0}.status-date{background:#fff;background:var(--white);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--secondary-gray);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.5rem 1rem;padding:var(--space-1) var(--space-2)}.status-content{padding:2.5rem;padding:var(--space-5)}.status-content p{color:#1e293b;color:var(--dark-gray);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}.status-content p,.status-images{margin-bottom:2rem;margin-bottom:var(--space-4)}.status-images{grid-gap:1rem;grid-gap:var(--space-2);display:grid;gap:1rem;gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.status-image{aspect-ratio:1;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.status-image:hover{transform:scale(1.05)}.status-image img{height:100%;object-fit:cover;width:100%}.more-images{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#ea580c,#ea580c);background:linear-gradient(135deg,var(--primary-orange) 0,#ea580c 100%);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:600;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.more-images:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.05)}.status-actions{background:#f8fafc;background:var(--light-gray);border-top:1px solid #6b72801a;padding:2rem 2.5rem;padding:var(--space-4) var(--space-5)}.view-gallery-btn{background:var(--primary-gray);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:500;padding:1rem 2rem;padding:var(--space-2) var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.view-gallery-btn:hover{background:#1e293b;background:var(--dark-gray);transform:translateY(-1px)}.empty-state{color:#64748b;color:var(--secondary-gray);padding:5rem;padding:var(--space-10);text-align:center}.empty-icon{font-size:4rem;margin-bottom:2rem;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{color:var(--primary-gray);font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:1rem;margin-bottom:var(--space-2)}.empty-state p{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:3rem;margin-bottom:var(--space-6)}@media (max-width:768px){.project-status-grid{grid-template-columns:1fr}.projects-header{flex-direction:column;gap:1.5rem;gap:var(--space-3);text-align:center}.status-images{grid-template-columns:repeat(2,1fr)}}.header-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.header-particle{animation:headerParticleFloat 6s ease-in-out infinite;font-size:1.2rem;opacity:.3;position:absolute}.particle-1{animation-delay:0s;left:15%;top:20%}.particle-2{animation-delay:-2s;left:70%;top:60%}.particle-3{animation-delay:-4s;right:20%;top:30%}.particle-4{animation-delay:-1s;left:40%;top:70%}@keyframes headerParticleFloat{0%,to{opacity:.2;transform:translateY(0) rotate(0deg)}25%{opacity:.4;transform:translateY(-8px) rotate(90deg)}50%{opacity:.3;transform:translateY(-4px) rotate(180deg)}75%{opacity:.5;transform:translateY(-12px) rotate(270deg)}}.header-content,.nav{position:relative;z-index:2}.header nav button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;min-height:44px;overflow:hidden;padding:1rem 1.5rem;padding:var(--space-2) var(--space-3);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.header nav button:before{background:linear-gradient(90deg,#0000,#f973164d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.header nav button:hover:before{left:100%}.header nav button:hover{background:#f9731633;transform:translateY(-2px)}.header nav button.active,.header nav button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.header nav button.active{background:#ea580c;background:var(--primary-orange);color:#fff;color:var(--white);transform:translateY(-1px)}@media (max-width:768px){.header-particle{font-size:1rem}.nav{background:linear-gradient(135deg,var(--primary-gray) 0,#1e293b 100%);background:linear-gradient(135deg,var(--primary-gray) 0,var(--dark-gray) 100%)}.nav:before{animation:mobileNavFlow 4s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#f973161a 0,#0000 50%),radial-gradient(circle at 70% 70%,#6b72801a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}}@keyframes mobileNavFlow{0%,to{opacity:.3}50%{opacity:.6}}.before-after-form{display:flex;flex-direction:column;gap:2rem;gap:var(--space-4)}.image-upload-row{grid-gap:2rem;grid-gap:var(--space-4);display:grid;gap:2rem;gap:var(--space-4);grid-template-columns:1fr 1fr}.upload-group{display:flex;flex-direction:column;gap:1rem;gap:var(--space-2)}.upload-group label{color:var(--primary-gray);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.upload-group input[type=file]{background:#f8fafc;background:var(--light-gray);border:2px dashed #64748b;border:2px dashed var(--secondary-gray);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;padding:1rem;padding:var(--space-2);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.upload-group input[type=file]:hover{background:#f973160d;border-color:#ea580c;border-color:var(--primary-orange)}.project-image img{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);height:200px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.project-image img:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.05)}@media (max-width:768px){.image-upload-row{grid-template-columns:1fr}}.chatbot-widget{bottom:20px;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family);position:fixed;right:20px;z-index:1000}.chat-toggle{align-items:center;animation:chatPulse 2s infinite;background:linear-gradient(135deg,#ea580c,#ea580c);background:linear-gradient(135deg,var(--primary-orange) 0,#ea580c 100%);border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:60px}.chat-toggle:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:scale(1.1)}@keyframes chatPulse{0%,to{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}50%{box-shadow:0 0 0 10px #f9731633,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:0 0 0 10px #f9731633,var(--shadow-lg)}}.chat-container{animation:chatSlideUp .3s ease-out;background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);bottom:80px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:450px;overflow:hidden;position:absolute;right:0;width:350px}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:linear-gradient(135deg,#1e40af,#1e293b);background:linear-gradient(135deg,var(--primary-blue) 0,var(--dark-gray) 100%);padding:1.5rem;padding:var(--space-3)}.chat-header-content{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-1)}.chat-minimize{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:32px}.chat-minimize:hover{background:#fff3;transform:scale(1.1)}.chat-header span{opacity:.8}.chat-header span:before{font-size:.8rem}.chat-messages{background:#f8fafc;background:var(--light-gray);gap:1rem;gap:var(--space-2)}.message{animation:messageSlide .3s ease-out;display:flex;flex-direction:column;max-width:80%}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.bot{align-self:flex-start}.message-content{line-height:1.4}.message.user .message-content{background:#ea580c;background:var(--primary-orange)}.message.bot .message-content{border:1px solid #6b728033}.message-time{align-self:flex-end;color:#64748b;color:var(--secondary-gray);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.5rem;margin-top:var(--space-1)}.message.bot .message-time{align-self:flex-start}.chat-input-form{border-top:1px solid #6b728033;padding:1.5rem;padding:var(--space-3)}.chat-input{padding:1rem;padding:var(--space-2)}.chat-input:focus{box-shadow:0 0 0 2px #f9731633}.chat-send{background:#ea580c;background:var(--primary-orange)}.chat-send:hover{background:#ea580c}@media (max-width:768px){.chatbot-widget{bottom:15px;right:15px}.chat-container{bottom:70px;height:400px;width:300px}.chat-toggle{font-size:1.2rem;height:50px;width:50px}}.message-actions{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-1);margin-top:1rem;margin-top:var(--space-2)}.action-btn{background:#f973161a;border:1px solid #ea580c;border:1px solid var(--primary-orange);border-radius:.5rem;border-radius:var(--radius-md);color:#ea580c;color:var(--primary-orange);cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;padding:.5rem 1rem;padding:var(--space-1) var(--space-2);text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-btn:hover{background:#ea580c;background:var(--primary-orange);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);transform:translateY(-1px)}.message.bot .message-actions{align-self:flex-start;max-width:100%}.chat-messages{background:linear-gradient(180deg,#f9fafb,#f3f4f6);display:flex;flex:1 1;flex-direction:column;gap:1.5rem;gap:var(--space-3);overflow-y:auto;padding:1.5rem;padding:var(--space-3)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:2px}.message-content{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;padding:1rem 1.5rem;padding:var(--space-2) var(--space-3);white-space:pre-line}.message.user .message-content{background:linear-gradient(135deg,#ea580c,#ea580c);background:linear-gradient(135deg,var(--primary-orange) 0,#ea580c 100%);border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--radius-sm);color:#fff;color:var(--white)}.message.bot .message-content{background:#fff;background:var(--white);border:1px solid #6b728026;border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--radius-sm);color:#1e293b;color:var(--dark-gray)}.chat-header{background:linear-gradient(135deg,var(--primary-gray) 0,#1e293b 100%);background:linear-gradient(135deg,var(--primary-gray) 0,var(--dark-gray) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);justify-content:space-between;padding:2rem;padding:var(--space-4)}.chat-header,.chat-header h4{align-items:center;display:flex}.chat-header h4{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:1rem;gap:var(--space-2);margin:0}.chat-header span{align-items:center;background:#10b98133;border-radius:.5rem;border-radius:var(--radius-md);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-1);opacity:.9;padding:.5rem 1rem;padding:var(--space-1) var(--space-2)}.chat-header span:before{animation:onlinePulse 2s infinite;content:"🟢";font-size:.7rem}@keyframes onlinePulse{0%,to{opacity:1}50%{opacity:.5}}.chat-input-form{background:#fff;background:var(--white);border-top:1px solid #6b728026;box-shadow:0 -2px 10px #0000000d;display:flex;gap:1rem;gap:var(--space-2);padding:2rem;padding:var(--space-4)}.chat-input{background:#f8fafc;background:var(--light-gray);border:1px solid #6b72804d;border-radius:.75rem;border-radius:var(--radius-lg);flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);outline:none;padding:1rem 1.5rem;padding:var(--space-2) var(--space-3);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chat-input:focus{background:#fff;background:var(--white);border-color:#ea580c;border-color:var(--primary-orange);box-shadow:0 0 0 3px #f973161a}.chat-send{background:linear-gradient(135deg,#ea580c,#ea580c);background:linear-gradient(135deg,var(--primary-orange) 0,#ea580c 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 1.5rem;padding:var(--space-2) var(--space-3);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chat-send:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.chat-send:active{transform:translateY(0)}@media (max-width:768px){.message-actions{gap:.5rem;gap:var(--space-1)}.action-btn{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem;padding:var(--space-1)}.chat-header,.chat-input-form{padding:1.5rem;padding:var(--space-3)}}.contact-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:60px 20px;text-align:center}.contact-preview h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:40px}.contact-info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.contact-item{align-items:center;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.contact-item:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.contact-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-right:20px}.contact-item h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 8px}.contact-item p{color:#6c757d;font-size:1.1rem;font-weight:500;margin:0}.testimonials{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.testimonials h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-shadow:0 4px 8px #00000080,0 2px 4px #0000004d}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:40px 30px;transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.testimonial-card .stars{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem;margin-bottom:20px}.testimonial-card p{font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:20px;opacity:.95}.testimonial-card h4{font-size:1.2rem;font-weight:600;margin:0;opacity:.9}.scroll-section{opacity:0;transform:translateY(50px);transition:all .8s ease}.scroll-section.animate-in{opacity:1;transform:translateY(0)}@media (max-width:768px){.contact-preview h2,.testimonials h2{font-size:2rem}.contact-info-grid{gap:20px;grid-template-columns:1fr}.contact-item{flex-direction:column;padding:20px;text-align:center}.contact-icon{margin-bottom:15px;margin-right:0}.testimonials-grid{gap:20px;grid-template-columns:1fr}.testimonial-card{padding:30px 20px}}.services-preview{background:linear-gradient(135deg,#f8f9fa,#fff);padding:80px 20px;text-align:center}.services-preview h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:50px}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.service-card{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px 30px;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.service-icon{display:block;font-size:3rem;margin-bottom:20px}.service-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:15px}.service-card p{color:#6c757d;font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.services-preview h2{font-size:2rem}.services-grid{gap:20px;grid-template-columns:1fr}.service-card{padding:30px 20px}}.portfolio-slider{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;box-shadow:0 20px 60px #0000004d;height:95vh;margin:0 auto;min-width:95vh;overflow:hidden;position:relative;width:100vw}.slider-container{height:100%;overflow:hidden;position:relative;width:100%}.slider-track{transform:translateX(0);transition:transform .5s ease}.slide,.slider-track{display:flex;height:100%;width:100%}.slide{align-items:center;box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:center;min-width:100%;padding:50px}.slide h3{color:#1f5f3f;font-size:3.2rem;font-weight:700;margin-bottom:40px;text-align:center;text-shadow:0 4px 8px #00000080,0 2px 4px #ffffff1a}.comparison-container{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.before-after-slider{align-items:stretch;display:flex;gap:0;height:100%;justify-content:stretch;padding:0;width:100%}.after,.before{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;position:relative;text-align:center}.before .project-image{margin-left:-80%}.after h4,.before h4{color:#f97316;font-size:2.5rem;font-weight:600;margin-bottom:30px;position:relative;text-shadow:0 2px 4px #0000001a;z-index:10}.project-image{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;box-sizing:border-box;height:60vh;margin:0 auto;overflow:hidden;padding:10px;position:relative;transform:scale(1);transition:transform .3s ease;width:180%}.project-image:hover{transform:scale(1.02)}.project-image img{cursor:pointer;display:block;height:100%;max-height:50vh;object-fit:contain;width:100%}.slider-divider{background:linear-gradient(180deg,#ff6b35,#f7931e);border-radius:5px;box-shadow:0 0 25px #ff6b35cc;flex-shrink:0;height:65vh;max-height:800px;width:10px}.slider-controls{background:#fffffff2;border-radius:70px;bottom:30px;box-shadow:0 15px 50px #0000004d;gap:35px;left:50%;padding:25px 40px;position:absolute;transform:translateX(-50%);z-index:10}.slider-btn,.slider-controls{align-items:center;display:flex}.slider-btn{background:#ff6b35;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:70px;justify-content:center;transition:all .3s ease;width:70px}.slider-btn:hover:not(:disabled){background:#e55a2b;transform:scale(1.1)}.slider-btn:disabled{background:#ccc;cursor:not-allowed}.slider-dots{display:flex;gap:15px}.dot{background:#ddd;border:none;border-radius:50%;cursor:pointer;height:18px;transition:all .3s ease;width:18px}.dot.active{background:#ff6b35;transform:scale(1.4)}@media (max-width:768px){.portfolio-slider{height:100vh;width:100vw}.slide{padding:20px}.slide h3{font-size:2.2rem}.before-after-slider{flex-direction:column;gap:30px}.slider-divider{height:8px;width:80%}.project-image img{height:35vh;max-height:400px}.after h4,.before h4{font-size:1.8rem}.slider-controls{bottom:20px;padding:20px 30px}.slider-btn{font-size:1.8rem;height:60px;width:60px}}.admin-toggle{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:10px;padding:8px 16px;transition:all .3s ease}.admin-toggle:hover{box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.admin-toggle.active{animation:adminPulse 2s infinite;background:linear-gradient(135deg,#28a745,#20c997)}.admin-edit-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px dashed #ff6b35;border-radius:10px;margin:20px 0;padding:20px}.admin-edit-input,.admin-edit-textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;margin-bottom:10px;padding:12px;transition:border-color .3s ease;width:100%}.admin-edit-input:focus,.admin-edit-textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.hero-title-edit{font-size:2.5rem;font-weight:700;text-align:center}.hero-subtitle-edit{font-size:1.2rem;text-align:center}.stat-edit{font-size:1.5rem;font-weight:700;text-align:center;width:80px}.admin-blog-section,.admin-contact-edit,.admin-projects-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;box-shadow:0 5px 15px #0000001a;margin:20px 0;padding:25px}.admin-blog-section h3,.admin-contact-edit h4,.admin-projects-section h3{color:#ff6b35;font-size:1.5rem;margin-bottom:20px}.blog-form,.project-form{grid-gap:15px;display:grid;gap:15px}.blog-form input,.blog-form select,.blog-form textarea,.project-form input,.project-form select,.project-form textarea{border:2px solid #dee2e6;border-radius:8px;font-size:1rem;padding:12px;transition:all .3s ease}.blog-form input:focus,.blog-form select:focus,.blog-form textarea:focus,.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.blog-form button,.project-form button{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.blog-form button:hover,.project-form button:hover{box-shadow:0 5px 15px #ff6b354d;transform:translateY(-2px)}.admin-controls{position:absolute;right:10px;top:10px;z-index:10}.delete-btn{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;padding:8px 12px;transition:all .3s ease}.delete-btn:hover{background:#c82333;transform:scale(1.1)}.blog-image{border-radius:8px;height:200px;margin-bottom:15px;object-fit:cover;width:100%}.blog-category{background:#ff6b35;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:10px;padding:4px 12px}.project-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.project-meta .category{background:#28a745;border-radius:20px;color:#fff;font-size:.8rem;padding:4px 12px}.project-meta .date{color:#6c757d;font-size:.9rem}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-planning{background:#ffc107;color:#212529}.status-in-progress{background:#17a2b8;color:#fff}.status-completed{background:#28a745;color:#fff}.status-on-hold{background:#dc3545;color:#fff}@keyframes adminPulse{0%{box-shadow:0 0 0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 0 0 #28a74500}}@media (max-width:768px){.admin-edit-section{margin:15px 0;padding:15px}.hero-title-edit{font-size:1.8rem}.admin-blog-section,.admin-projects-section{padding:20px}.stat-edit{font-size:1.2rem;width:60px}}.admin-dashboard-indicator{animation:adminPulse 2s infinite;background:linear-gradient(135deg,#28a745,#20c997);border-radius:10px;box-shadow:0 5px 15px #28a7454d;color:#fff;padding:15px 20px;position:fixed;right:20px;top:80px;z-index:1000}.admin-status{align-items:center;display:flex;gap:10px}.admin-icon{font-size:1.2rem}.admin-text{font-size:1rem;font-weight:600}.admin-help{font-size:.8rem;font-style:italic;opacity:.9}@media (max-width:768px){.admin-dashboard-indicator{padding:10px 15px;right:10px;top:70px}.admin-help{display:none}}.admin-main{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.admin-login{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:100px auto;max-width:400px;padding:40px}.admin-login h2{color:#ff6b35;margin-bottom:30px;text-align:center}.admin-login form{display:flex;flex-direction:column;gap:15px}.admin-login input{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:15px}.admin-login button{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px}.admin-dashboard{padding:20px 0}.admin-dashboard h1{color:#ff6b35;font-size:2.5rem;margin-bottom:40px;text-align:center}.admin-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:30px;padding:25px}.admin-section h2{border-bottom:2px solid #ff6b35;color:#ff6b35;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px}.stats-edit{margin-top:20px}.stats-edit h4{color:#333;margin-bottom:15px}.stats-edit .stat-edit{display:inline-block;margin-right:15px;width:120px}.existing-posts,.existing-projects{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px}.blog-item,.project-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}.blog-item h5,.project-item h5{color:#333;margin:0}.blog-item p,.project-item p{color:#666;font-size:.9rem;margin:5px 0 0}.logout-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}@media (max-width:768px){.admin-main{padding:10px}.admin-section{padding:20px}.stats-edit .stat-edit{margin-bottom:10px;width:100px}.blog-item,.project-item{align-items:flex-start;flex-direction:column}}.gallery-preview{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--light-gray) 0,var(--white) 100%);padding:4rem 2rem;padding:var(--space-8) var(--space-4);text-align:center}.gallery-preview h2{color:#1e293b;color:var(--dark-gray);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-3)}.gallery-preview p{color:#64748b;color:var(--secondary-gray);font-size:1.125rem;font-size:var(--font-size-lg);max-width:600px}.gallery-preview p,.gallery-preview-grid{margin-bottom:3rem;margin-bottom:var(--space-6);margin-left:auto;margin-right:auto}.gallery-preview-grid{grid-gap:2rem;grid-gap:var(--space-4);display:grid;gap:2rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px}.gallery-preview-item{aspect-ratio:4/3;background:#e2e8f0;background:var(--medium-gray);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.gallery-preview-item:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.gallery-preview-item img{display:block;height:100%;object-fit:cover;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.gallery-preview-item:hover img{transform:scale(1.1)}.gallery-overlay{align-items:center;background:#1e40afcc;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.gallery-preview-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:#fff;color:var(--white);font-size:1.875rem;font-size:var(--font-size-3xl)}@media (max-width:768px){.gallery-preview-grid{gap:1.5rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gallery-preview{padding:3rem 1.5rem;padding:var(--space-6) var(--space-3)}}.floating-nav{animation:slideInRight .5s ease 1s forwards;display:flex;flex-direction:column;gap:1rem;gap:var(--space-2);opacity:0;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;z-index:90}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translateX(100px);visibility:hidden}to{opacity:1;transform:translateY(-50%) translateX(0);visibility:visible}}.floating-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e40afe6;border:1px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 15px #1e40af4d;color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;min-width:120px;padding:1.5rem 2rem;padding:var(--space-3) var(--space-4);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.floating-nav-btn:hover{background:#ea580c;background:var(--primary-orange);box-shadow:0 6px 20px #ea580c66;transform:translateX(-5px)}@media (max-width:768px){.floating-nav{gap:.5rem;gap:var(--space-1);right:10px}.floating-nav-btn{font-size:.75rem;font-size:var(--font-size-xs);min-width:100px;padding:1rem 1.5rem;padding:var(--space-2) var(--space-3)}}@media (max-width:480px){.floating-nav{display:none}}.footer{background:linear-gradient(135deg,#1e293b,#64748b);background:linear-gradient(135deg,var(--dark-gray) 0,var(--secondary-gray) 100%);color:#fff;color:var(--white);margin-top:4rem;margin-top:var(--space-8);padding:4rem 2rem 2rem;padding:var(--space-8) var(--space-4) var(--space-4)}.footer-content{grid-gap:3rem;grid-gap:var(--space-6);display:grid;gap:3rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.footer-section h3{color:#ea580c;color:var(--primary-orange);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.footer-section h3,.footer-section h4{margin-bottom:1.5rem;margin-bottom:var(--space-3)}.footer-section h4{color:#fff;color:var(--white);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.footer-section h5{color:#ea580c;color:var(--primary-orange);font-size:1rem;font-size:var(--font-size-base);font-weight:600}.footer-section h5,.footer-section p{margin-bottom:1rem;margin-bottom:var(--space-2)}.footer-section p{color:#fffc;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:1rem;margin-bottom:var(--space-2)}.footer-section ul li button{background:none;border:none;color:#fffc;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.footer-section ul li button:hover{color:#ea580c;color:var(--primary-orange);transform:translateX(5px)}.social-links{display:flex;gap:1.5rem;gap:var(--space-3);margin-top:1.5rem;margin-top:var(--space-3)}.social-link{background:#ffffff1a;border:2px solid #fff3;border-radius:50%;display:inline-block;font-size:1.5rem;font-size:var(--font-size-2xl);height:60px;line-height:60px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:60px}.social-link:hover{background:#ea580c;background:var(--primary-orange);transform:translateY(-3px)}.contact-details p{align-items:center;display:flex;gap:1rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-2)}.work-hours{border-top:1px solid #fff3;margin-top:2rem;margin-top:var(--space-4);padding-top:1.5rem;padding-top:var(--space-3)}.footer-bottom{border-top:1px solid #fff3;color:#fff9;margin:3rem auto 0;margin-top:var(--space-6);max-width:1200px;padding-top:2rem;padding-top:var(--space-4);text-align:center}.footer-bottom p{margin-bottom:.5rem;margin-bottom:var(--space-1)}@media (max-width:768px){.footer-content{gap:2rem;gap:var(--space-4);grid-template-columns:1fr}.footer{padding:3rem 1.5rem 1.5rem;padding:var(--space-6) var(--space-3) var(--space-3)}}.jobs-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;margin:4rem 0;padding:3rem 2rem}.jobs-section h2{color:#333;margin-bottom:.5rem;text-align:center}.jobs-section>p{color:#666;margin-bottom:2rem;text-align:center}.jobs-grid-public{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.job-card-public{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;transition:transform .3s,box-shadow .3s}.job-card-public:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.job-card-public h3{color:#333;margin-bottom:1rem}.job-meta{gap:1rem;margin-bottom:1rem}.job-type{background:#667eea;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.job-location{color:#666;font-size:.9rem}.job-brief{color:#666;line-height:1.6;margin-bottom:1.5rem}.apply-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background .3s;width:100%}.apply-btn:hover{background:#5a6fd8}.job-modal{max-height:90vh;max-width:700px;overflow-y:auto}.job-details h2{color:#333;margin-bottom:1rem}.job-section{margin:2rem 0}.job-section h3{color:#667eea;font-size:1.3rem;margin-bottom:1rem}.job-section p{color:#666;line-height:1.8;white-space:pre-wrap}.job-application-form{display:flex;flex-direction:column;gap:1rem}.job-application-form input,.job-application-form textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem}.job-application-form input:focus,.job-application-form textarea:focus{border-color:#667eea;outline:none}.job-application-form textarea{resize:vertical}.file-upload-group{display:flex;flex-direction:column;gap:1rem}.file-upload-group label{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s}.file-upload-group label:hover{background:#f0f2ff;border-color:#667eea}.file-upload-group input[type=file]{display:none}.file-name{color:#667eea;font-size:.9rem;font-weight:600}.submit-application-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:background .3s}.submit-application-btn:hover{background:#059669}@media (max-width:768px){.jobs-grid-public{grid-template-columns:1fr}.job-modal{max-width:95%;padding:1.5rem}}.work-with-us-page{background:#f8fafc;background:var(--light-gray);display:flex;flex-direction:column;min-height:100vh}.work-with-us-page .site-header{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem 2rem;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:100}.work-with-us-page .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.work-with-us-page .header-content h1{color:#ea580c;color:var(--primary-orange);font-size:1.5rem;font-size:var(--font-size-2xl);margin:0}.work-with-us-page .main-nav button{background:none;border:none;color:#1e293b;color:var(--dark-gray);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);margin:0 .5rem;margin:0 var(--space-1);padding:1rem;padding:var(--space-2);transition:color .3s}.work-with-us-page .main-nav button:hover{color:#ea580c;color:var(--primary-orange)}.work-with-us-page .page-content{flex:1 1;margin:0 auto;max-width:1200px;padding:3rem 2rem;padding:var(--space-6) var(--space-4);width:100%}.jobs-page-section h1{color:#1e293b;color:var(--dark-gray);font-size:2.5rem;font-size:var(--font-size-4xl);margin-bottom:1rem;margin-bottom:var(--space-2);text-align:center}.page-subtitle{color:#64748b;color:var(--secondary-gray);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:3rem;margin-bottom:var(--space-6);text-align:center}.jobs-grid{grid-gap:2rem;grid-gap:var(--space-4);display:grid;gap:2rem;gap:var(--space-4);margin-top:3rem;margin-top:var(--space-6)}.job-card{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2.5rem;padding:var(--space-5);transition:transform .3s,box-shadow .3s}.job-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.job-card h2{color:#1e293b;color:var(--dark-gray);font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:1.5rem;margin-bottom:var(--space-3)}.job-meta{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--medium-gray);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-3);margin-bottom:2rem;margin-bottom:var(--space-4);padding-bottom:1.5rem;padding-bottom:var(--space-3)}.job-type-badge{background:#1e40af;background:var(--primary-blue);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-weight:600;padding:.5rem 1rem;padding:var(--space-1) var(--space-2)}.job-location,.job-salary,.job-type-badge{font-size:.875rem;font-size:var(--font-size-sm)}.job-location,.job-salary{color:#64748b;color:var(--secondary-gray)}.job-description,.job-requirements{margin-bottom:2rem;margin-bottom:var(--space-4)}.job-description h3,.job-requirements h3{color:#1e293b;color:var(--dark-gray);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:1rem;margin-bottom:var(--space-2)}.job-description p,.job-requirements p{color:#64748b;color:var(--secondary-gray);line-height:1.6}.apply-button{background:#ea580c;background:var(--primary-orange);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-top:1.5rem;margin-top:var(--space-3);padding:1rem 2.5rem;padding:var(--space-2) var(--space-5);transition:background .3s,transform .2s;width:100%}.apply-button:hover{background:#c2410c;transform:scale(1.02)}.no-jobs{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:4rem;padding:var(--space-8);text-align:center}.no-jobs p{color:#64748b;color:var(--secondary-gray);font-size:1.125rem;font-size:var(--font-size-lg)}.work-with-us-page .site-footer{background:#1e293b;background:var(--dark-gray);color:#fff;margin-top:auto;padding:2rem;padding:var(--space-4);text-align:center}@media (max-width:768px){.work-with-us-page .header-content{flex-direction:column;gap:1rem;gap:var(--space-2)}.jobs-page-section h1{font-size:1.875rem;font-size:var(--font-size-3xl)}.job-card{padding:1.5rem;padding:var(--space-3)}}
/*# sourceMappingURL=main.91f732b9.css.map*/