@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 1px 2px #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;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--gray-800);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);transition:var(--transition-normal);background:#fffffff2;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-md)}.navbar-inner{justify-content:space-between;align-items:center;max-width:1280px;height:72px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{color:var(--blue-700);align-items:center;gap:12px;font-size:1.35rem;font-weight:800;display:flex}.navbar-logo .logo-img{border-radius:var(--radius-md);object-fit:contain;width:42px;height:42px}.navbar-links{align-items:center;gap:8px;list-style:none;display:flex}.navbar-links a{border-radius:var(--radius-sm);color:var(--gray-600);transition:var(--transition-fast);padding:8px 16px;font-size:.95rem;font-weight:500;position:relative}.navbar-links a:hover{color:var(--blue-600);background:var(--blue-50)}.navbar-links a.active{color:var(--blue-700);background:var(--blue-50)}.navbar-cta{box-shadow:0 2px 8px #2563eb4d;background:linear-gradient(135deg,var(--blue-600),var(--blue-700))!important;color:var(--white)!important;border-radius:var(--radius-md)!important;transition:var(--transition-fast)!important;padding:10px 24px!important;font-weight:600!important}.navbar-cta:hover{transform:translateY(-1px);background:linear-gradient(135deg,var(--blue-700),var(--blue-800))!important;box-shadow:0 4px 12px #2563eb66!important}.mobile-toggle{cursor:pointer;color:var(--gray-700);background:0 0;border:none;padding:8px;display:none}.mobile-toggle span{width:24px;height:2px;transition:var(--transition-fast);background:currentColor;border-radius:2px;margin:5px 0;display:block}.hero{background:linear-gradient(135deg,var(--blue-900)0%,var(--blue-700)50%,var(--blue-500)100%);align-items:center;min-height:92vh;padding-top:72px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:grid;position:relative}.hero-text h1{color:var(--white);letter-spacing:-.02em;margin-bottom:20px;font-size:3.5rem;font-weight:900;line-height:1.1}.hero-text h1 .highlight{background:linear-gradient(135deg,var(--blue-200),var(--blue-100));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text p{color:var(--blue-100);max-width:500px;margin-bottom:36px;font-size:1.2rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.hero-visual{position:relative}.hero-visual .hero-image-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hero-visual .hero-image-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);aspect-ratio:4/3;background:var(--blue-800);color:var(--blue-300);justify-content:center;align-items:center;font-size:3rem;display:flex;overflow:hidden}.hero-visual .hero-image-card:first-child{aspect-ratio:auto;grid-row:span 2}.hero-visual .hero-image-card img{object-fit:cover;width:100%;height:100%}.hero-stats{gap:40px;margin-top:40px;display:flex}.hero-stat{text-align:center}.hero-stat .stat-number{color:var(--white);font-size:2rem;font-weight:800}.hero-stat .stat-label{color:var(--blue-200);margin-top:4px;font-size:.85rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--white);color:var(--blue-700);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d}.btn-secondary:hover{background:#ffffff40;border-color:#ffffff80}.btn-blue{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));color:var(--white);box-shadow:0 2px 8px #2563eb4d}.btn-blue:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2563eb66}.btn-outline{color:var(--blue-600);border:2px solid var(--blue-200);background:0 0}.btn-outline:hover{background:var(--blue-50);border-color:var(--blue-400)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:8px 16px;font-size:.875rem}.section{padding:100px 24px}.section-alt{background:var(--gray-50)}.section-blue{background:linear-gradient(135deg,var(--blue-600),var(--blue-800));color:var(--white)}.container{max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-header .badge{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100);border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.section-header h2{color:var(--gray-900);letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-header p{color:var(--gray-500);max-width:600px;margin:0 auto;font-size:1.15rem}.section-blue .section-header .badge{color:var(--blue-100);background:#ffffff26;border-color:#fff3}.section-blue .section-header h2{color:var(--white)}.section-blue .section-header p{color:var(--blue-200)}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--white);border-radius:var(--radius-lg);transition:var(--transition-normal);border:1px solid var(--gray-200);padding:36px;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg,var(--blue-500),var(--blue-700));height:4px;transition:var(--transition-normal);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-200);transform:translateY(-4px)}.service-card:hover:before{transform:scaleX(1)}.service-card .service-icon{background:linear-gradient(135deg,var(--blue-50),var(--blue-100));border-radius:var(--radius-md);width:56px;height:56px;color:var(--blue-600);justify-content:center;align-items:center;margin-bottom:20px;font-size:1.5rem;display:flex}.service-card h3{color:var(--gray-900);margin-bottom:12px;font-size:1.2rem;font-weight:700}.service-card p{color:var(--gray-500);font-size:.95rem;line-height:1.6}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.gallery-item{border-radius:var(--radius-lg);aspect-ratio:4/3;cursor:pointer;background:var(--gray-100);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.gallery-item:hover img{transform:scale(1.05)}.gallery-item .gallery-overlay{opacity:0;transition:var(--transition-normal);background:linear-gradient(#0000 40%,#1e3a8ab3 100%);align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:var(--white);font-size:.95rem;font-weight:600}.gallery-placeholder{color:var(--gray-400);font-size:3rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact-info-cards{flex-direction:column;gap:20px;display:flex}.contact-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition-normal);align-items:flex-start;gap:20px;padding:28px;display:flex}.contact-card:hover{box-shadow:var(--shadow-md);border-color:var(--blue-200)}.contact-card .contact-icon{background:linear-gradient(135deg,var(--blue-50),var(--blue-100));border-radius:var(--radius-md);width:48px;min-width:48px;height:48px;color:var(--blue-600);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.contact-card h3{color:var(--gray-900);margin-bottom:4px;font-weight:700}.contact-card p{color:var(--gray-500);font-size:.95rem}.contact-map{border-radius:var(--radius-lg);aspect-ratio:16/10;background:var(--gray-100);border:1px solid var(--gray-200);justify-content:center;align-items:center;display:flex;overflow:hidden}.contact-map iframe{border:none;width:100%;height:100%}.footer{background:var(--gray-900);color:var(--gray-400);padding:60px 24px 24px}.footer-inner{max-width:1280px;margin:0 auto}.footer-grid{border-bottom:1px solid var(--gray-800);grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;padding-bottom:40px;display:grid}.footer-brand h3{color:var(--white);margin-bottom:12px;font-size:1.3rem;font-weight:800}.footer-brand p{font-size:.9rem;line-height:1.7}.footer h4{color:var(--white);margin-bottom:16px;font-size:.95rem;font-weight:700}.footer ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer ul a{transition:var(--transition-fast);font-size:.9rem}.footer ul a:hover{color:var(--blue-400)}.footer-bottom{text-align:center;padding-top:24px;font-size:.85rem}.cta-section{text-align:center;padding:80px 24px}.cta-section h2{margin-bottom:16px;font-size:2.2rem;font-weight:800}.cta-section p{opacity:.9;margin-bottom:32px;font-size:1.1rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.admin-layout{min-height:100vh;padding-top:0;display:flex}.admin-sidebar{background:var(--gray-900);width:260px;color:var(--white);z-index:100;padding:24px 0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar-header{border-bottom:1px solid var(--gray-800);margin-bottom:16px;padding:0 20px 24px}.admin-sidebar-header h2{color:var(--blue-400);font-size:1.1rem;font-weight:700}.admin-sidebar-header p{color:var(--gray-500);margin-top:4px;font-size:.8rem}.admin-nav{padding:0 12px;list-style:none}.admin-nav li a{border-radius:var(--radius-sm);color:var(--gray-400);transition:var(--transition-fast);align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:.9rem;display:flex}.admin-nav li a:hover,.admin-nav li a.active{background:var(--gray-800);color:var(--white)}.admin-nav li a.active{background:var(--blue-700)}.admin-content{background:var(--gray-50);flex:1;min-height:100vh;margin-left:260px;padding:32px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.admin-header h1{color:var(--gray-900);font-size:1.75rem;font-weight:800}.admin-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.admin-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition-normal);padding:24px}.admin-card:hover{box-shadow:var(--shadow-md)}.admin-card .card-icon{background:linear-gradient(135deg,var(--blue-50),var(--blue-100));border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.3rem;display:flex}.admin-card .card-number{color:var(--gray-900);font-size:2rem;font-weight:800}.admin-card .card-label{color:var(--gray-500);font-size:.85rem}.admin-table-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow:hidden}.admin-table-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-table-header h2{font-size:1.15rem;font-weight:700}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);background:var(--gray-50);padding:12px 24px;font-size:.8rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--gray-100);padding:16px 24px;font-size:.9rem}.admin-table tr:hover td{background:var(--gray-50)}.admin-form{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:32px}.form-group{margin-bottom:24px}.form-group label{color:var(--gray-700);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--gray-300);border-radius:var(--radius-sm);width:100%;transition:var(--transition-fast);background:var(--white);color:var(--gray-800);padding:12px 16px;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--blue-500);outline:none;box-shadow:0 0 0 3px #3b82f626}.form-group textarea{resize:vertical;min-height:120px}.upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition-normal);background:var(--gray-50);padding:48px}.upload-zone:hover{border-color:var(--blue-400);background:var(--blue-50)}.upload-zone .upload-icon{margin-bottom:16px;font-size:3rem}.upload-zone p{color:var(--gray-500);font-size:.95rem}.upload-zone .upload-hint{color:var(--gray-400);margin-top:8px;font-size:.8rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.image-grid-item{border-radius:var(--radius-md);aspect-ratio:4/3;background:var(--gray-100);border:1px solid var(--gray-200);position:relative;overflow:hidden}.image-grid-item img{object-fit:cover;width:100%;height:100%}.image-grid-item .image-actions{opacity:0;transition:var(--transition-fast);gap:6px;display:flex;position:absolute;top:8px;right:8px}.image-grid-item:hover .image-actions{opacity:1}.image-action-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:32px;height:32px;transition:var(--transition-fast);background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.image-action-btn:hover{background:var(--danger)}.image-grid-item .image-info{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;padding:8px 12px;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}.login-page{background:linear-gradient(135deg,var(--blue-900),var(--blue-700));justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);padding:48px}.login-card h1{text-align:center;color:var(--gray-900);margin-bottom:8px;font-size:1.75rem;font-weight:800}.login-card .login-subtitle{text-align:center;color:var(--gray-500);margin-bottom:32px}.login-card .login-error{color:var(--danger);border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.status-badge{border-radius:100px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.active{color:var(--success);background:#ecfdf5}.status-badge.inactive{color:var(--danger);background:#fef2f2}.loading{justify-content:center;align-items:center;padding:60px;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--blue-600);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius-md);color:var(--white);z-index:10000;box-shadow:var(--shadow-lg);padding:16px 24px;font-weight:500;animation:.3s slideIn;position:fixed;bottom:24px;right:24px}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.page-hero{background:linear-gradient(135deg,var(--blue-700),var(--blue-900));text-align:center;padding:120px 24px 60px}.page-hero h1{color:var(--white);margin-bottom:12px;font-size:2.8rem;font-weight:900}.page-hero p{color:var(--blue-200);font-size:1.15rem}.page-content{max-width:900px;margin:0 auto;padding:60px 24px}.page-content p{color:var(--gray-600);font-size:1.05rem;line-height:1.8}@media (max-width:968px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text h1{font-size:2.5rem}.hero-text p{margin:0 auto 36px}.hero-buttons{justify-content:center}.hero-visual{display:none}.hero-stats{justify-content:center}.services-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.navbar-links{background:var(--white);box-shadow:var(--shadow-lg);border-top:1px solid var(--gray-200);flex-direction:column;padding:16px;display:none;position:absolute;top:72px;left:0;right:0}.navbar-links.open{display:flex}.mobile-toggle{display:block}.admin-sidebar{width:200px}.admin-content{margin-left:200px;padding:20px}}@media (max-width:640px){.services-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hero-text h1{font-size:2rem}.footer-grid{grid-template-columns:1fr}.section{padding:60px 16px}.section-header h2{font-size:1.8rem}.admin-sidebar{display:none}.admin-content{margin-left:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}