:root{--admin-bg:#f1f5f9;--admin-surface:#fff;--admin-surface-hover:#f8fafc;--admin-border:#e2e8f0;--admin-text:#0f172a;--admin-text-muted:#64748b;--admin-primary:#0ea5e9;--admin-sidebar-width:260px;--admin-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--admin-shadow-hover:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}body{color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}.admin-root,body{background-color:#f1f5f9;background-color:var(--admin-bg)}.admin-root{display:flex;height:100vh;overflow:hidden}.admin-sidebar{background-color:#fff;background-color:var(--admin-surface);border-right:1px solid #e2e8f0;border-right:1px solid var(--admin-border);box-shadow:1px 0 3px 0 #00000005;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;width:var(--admin-sidebar-width);z-index:50}.admin-sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);height:72px;padding:0 24px}.admin-logo,.admin-sidebar-header{align-items:center;display:flex;justify-content:center}.admin-logo{width:100%}.admin-logo img{max-height:48px;object-fit:contain;width:auto}.admin-close-btn{background:none;border:none;border-radius:6px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:none;font-size:24px;padding:8px;transition:background-color .2s}.admin-close-btn:hover{background-color:#f8fafc;background-color:var(--admin-surface-hover)}.admin-nav{flex:1 1;overflow-y:auto;padding:24px 16px}.admin-nav ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.admin-nav-link{align-items:center;border-radius:10px;color:#64748b;color:var(--admin-text-muted);display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.admin-nav-link:hover{background-color:#f8fafc;background-color:var(--admin-surface-hover);color:#0f172a;color:var(--admin-text);transform:translateX(4px)}.admin-nav-link.active{background-color:#0ea5e91a;color:#0ea5e9;color:var(--admin-primary);font-weight:600}.admin-nav-link svg{font-size:22px}.admin-sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);padding:20px 16px}.admin-nav-link.logout{background-color:#fef2f2;border:1px solid #fecaca;color:#ef4444;font-weight:600;justify-content:center}.admin-nav-link.logout:hover{background-color:#fee2e2;border-color:#fca5a5;box-shadow:0 4px 6px -1px #ef44441a;color:#dc2626;transform:translateY(-2px)}.admin-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.admin-topbar{align-items:center;background-color:#fff;background-color:var(--admin-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);box-shadow:0 1px 2px 0 #00000005;display:flex;height:72px;justify-content:space-between;padding:0 32px;z-index:10}.admin-topbar-left{align-items:center;display:flex;gap:16px}.admin-menu-btn{background:none;border:none;border-radius:6px;color:#0f172a;color:var(--admin-text);cursor:pointer;display:none;font-size:24px;padding:8px}.admin-menu-btn:hover{background-color:#f8fafc;background-color:var(--admin-surface-hover)}.admin-page-title{color:#0f172a;color:var(--admin-text);font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.admin-user-profile{align-items:center;background-color:#f8fafc;background-color:var(--admin-surface-hover);border-radius:30px;cursor:pointer;display:flex;gap:12px;padding:6px 12px;transition:background-color .2s}.admin-user-profile:hover{background-color:#e2e8f0}.admin-avatar{align-items:center;background:linear-gradient(135deg,#0ea5e9,#3b82f6);background:linear-gradient(135deg,var(--admin-primary),#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;width:36px}.admin-user-profile span{font-size:14px;font-weight:500;padding-right:8px}.admin-logout-btn{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:20px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-logout-btn:hover{background-color:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444433;color:#fff;transform:translateY(-2px)}.admin-logout-btn svg{font-size:18px}@media (max-width:768px){.logout-text{display:none}.admin-logout-btn{padding:8px}.admin-sidebar{bottom:0;box-shadow:4px 0 24px #0000001a;left:0;position:fixed;top:0;transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a80;inset:0;position:fixed;z-index:40}.admin-close-btn,.admin-menu-btn{display:block}.admin-topbar{padding:0 16px}.admin-content{padding:16px}.admin-page-title{font-size:18px}.admin-table{min-width:700px}}.admin-content{background-color:#f1f5f9;background-color:var(--admin-bg);flex:1 1;overflow-y:auto;padding:32px 40px}.dashboard-container{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1200px}.dashboard-welcome{margin-bottom:8px}.dashboard-welcome h2{color:#0f172a;color:var(--admin-text);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.dashboard-welcome p{color:#64748b;color:var(--admin-text-muted);font-size:15px;margin:0}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stat-card{align-items:center;background-color:#fff;background-color:var(--admin-surface);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--admin-shadow);display:flex;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--admin-shadow-hover);transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:16px;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.stat-info{display:flex;flex-direction:column}.stat-info h3{color:#0f172a;color:var(--admin-text);font-size:28px;font-weight:800;line-height:1.2;margin:0 0 4px}.stat-info p{color:#64748b;color:var(--admin-text-muted);font-size:14px;font-weight:500;margin:0}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-card{border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--admin-shadow);display:flex;flex-direction:column;overflow:hidden}.card-header,.dashboard-card{background-color:#fff;background-color:var(--admin-surface)}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);padding:20px 24px}.card-header h3{color:#0f172a;color:var(--admin-text);font-size:16px;font-weight:600;margin:0}.card-body{align-items:center;display:flex;flex:1 1;justify-content:center;padding:32px 24px}.empty-state{background-color:#f1f5f9;background-color:var(--admin-bg);border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;color:var(--admin-text-muted);font-size:15px;margin:0;padding:20px;text-align:center;width:100%}@media (max-width:768px){.admin-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar-header{justify-content:space-between}.admin-logo{justify-content:flex-start}.admin-close-btn,.admin-menu-btn{display:block}.admin-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a66;inset:0;position:fixed;z-index:40}.admin-topbar{padding:0 20px}.admin-content{padding:24px 20px}.dashboard-grid,.stats-grid{grid-template-columns:1fr}}.login-container{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-container:before{background:radial-gradient(circle,#0ea5e90d 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.login-card{background:#fff;background:var(--admin-surface);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 40px -10px #0000001a,0 10px 20px -5px #0000000a;max-width:420px;padding:48px 40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:40px;text-align:center}.login-logo{display:block;height:56px;margin:0 auto 24px;object-fit:contain}.login-header h2{color:#0f172a;color:var(--admin-text);font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.login-header p{color:#64748b;color:var(--admin-text-muted);font-size:15px;margin:0}.login-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#ef4444;font-size:14px;font-weight:500;padding:14px;text-align:center}.form-group,.login-error{margin-bottom:24px}.form-group label{display:block;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.form-group input,.form-group label{color:#0f172a;color:var(--admin-text)}.form-group input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:hover{border-color:#94a3b8}.form-group input:focus{background-color:#fff;border-color:#0ea5e9;border-color:var(--admin-primary);box-shadow:0 0 0 4px #0ea5e926;outline:none}.login-submit-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--admin-primary),#0284c7);border:none;border-radius:12px;box-shadow:0 4px 12px #0ea5e94d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:16px;transition:transform .2s,box-shadow .2s;width:100%}.login-submit-btn:hover{box-shadow:0 6px 16px #0ea5e966;transform:translateY(-2px)}.login-submit-btn:active{transform:translateY(0)}.admin-page-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px}.admin-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.admin-page-title{font-size:24px;font-weight:700;margin:0 0 4px}.admin-page-subtitle{color:#64748b;color:var(--admin-text-muted);font-size:14px;margin:0}.btn-primary{align-items:center;background-color:#0ea5e9;background-color:var(--admin-primary);border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:background-color .2s}.btn-primary:hover{background-color:#0284c7}.btn-secondary{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;color:#0f172a;color:var(--admin-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.btn-secondary:hover{background-color:#f8fafc;background-color:var(--admin-surface-hover)}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:6px;transition:background-color .2s}.btn-icon:hover{background-color:#f8fafc;background-color:var(--admin-surface-hover)}.text-primary{color:#0ea5e9;color:var(--admin-primary)}.text-danger{color:#ef4444}.admin-table-container{background:#fff;background:var(--admin-surface);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--admin-shadow);overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{background-color:#f8fafc;background-color:var(--admin-surface-hover);color:#64748b;color:var(--admin-text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);padding:16px 20px}.admin-table td{color:#0f172a;color:var(--admin-text);font-size:14px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.table-img-wrap{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.table-img-wrap img{max-height:100%;max-width:100%;object-fit:contain}.font-medium{font-weight:600}.text-truncate{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions{display:flex;gap:8px}.table-tags{display:flex;flex-wrap:wrap;gap:6px}.table-badge{background-color:#f1f5f9;background-color:var(--admin-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:4px;color:#64748b;color:var(--admin-text-muted);font-size:12px;padding:4px 8px}.badge-success{background-color:#dcfce7;color:#166534}.badge-secondary,.badge-success{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.badge-secondary{background-color:#f1f5f9;background-color:var(--admin-bg);color:#64748b;color:var(--admin-text-muted)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-content{animation:modal-fade-in .2s ease-out;background-color:#fff;background-color:var(--admin-surface);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:flex;font-size:20px;padding:4px;transition:color .2s}.modal-close:hover{color:#0f172a;color:var(--admin-text)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{background-color:#f8fafc;background-color:var(--admin-surface-hover);border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}:root{--sky:#0ea5e9;--sky2:#38bdf8;--sky3:#7dd3fc;--navy:#0c2340;--navy2:#153a5e;--white:#fff;--offwhite:#f8fafc;--border:#e2e8f0;--gray:#64748b;--text:#0f172a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;background:var(--white);color:#0f172a;color:var(--text);font-family:Nunito,sans-serif;line-height:1.65}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}.page-root{overflow-x:clip}.topbar{background:#0c2340;background:var(--navy);color:#93c5fd;font-size:13px;padding:10px 0}.tb-inner{gap:8px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.tb-inner,.tb-left,.tb-right{align-items:center;display:flex;flex-wrap:wrap}.tb-left,.tb-right{gap:16px}.tb-left span,.tb-right span{align-items:center;display:flex;gap:6px}.tb-left svg,.tb-right svg{color:#38bdf8;color:var(--sky2)}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #ffffff4d;box-shadow:0 4px 30px #0c23400d;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:50}.nav-inner{gap:40px;height:100px;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:0 24px}.logo,.nav-inner{align-items:center;display:flex}.logo{gap:10px;text-decoration:none;transition:transform .3s}.logo:hover{transform:scale(1.02)}.logo img{filter:drop-shadow(0 2px 8px rgba(12,35,64,.1));height:150px;object-fit:contain;transition:all .3s ease;width:auto}.logo:hover img{filter:drop-shadow(0 4px 12px rgba(14,165,233,.3))}.nav-links{display:flex;gap:6px;list-style:none;margin-left:auto}.nav-links .nav-link-dropdown,.nav-links a{border-radius:8px;color:#0c2340;color:var(--navy);display:block;font-size:13px;font-weight:800;padding:10px 14px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links .nav-link-dropdown:after,.nav-links a:after{background:#0ea5e9;background:var(--sky);border-radius:2px;bottom:4px;content:"";height:2px;left:14px;position:absolute;right:14px;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.nav-item-dropdown:hover .nav-link-dropdown:after,.nav-links a.active:after,.nav-links a:hover:after{transform:scaleX(1)}.nav-item-dropdown:hover .nav-link-dropdown,.nav-links a:hover{background:#f8fafc;background:var(--offwhite);color:#0ea5e9;color:var(--sky)}.mobile-menu-btn{background:none;border:none;border-radius:8px;color:#0c2340;color:var(--navy);cursor:pointer;display:none;font-size:28px;padding:4px;transition:background .3s;z-index:100}.mobile-menu-btn:hover{background:#f8fafc;background:var(--offwhite)}.nav-item-dropdown{position:relative}.nav-item-dropdown.mega{position:static}.dropdown-menu{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0c234014;display:flex;flex-direction:column;left:0;min-width:220px;opacity:0;padding:10px 0;position:absolute;top:100%;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:100}.nav-item-dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu .dropdown-item{border-radius:0;color:#0c2340;color:var(--navy);font-size:13px;font-weight:700;padding:12px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.dropdown-menu .dropdown-item:after{display:none}.dropdown-menu .dropdown-item:hover{background:#f8fafc;background:var(--offwhite);color:#0ea5e9;color:var(--sky);padding-left:28px}.mega-menu-wrapper{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:3px solid #0ea5e9;border:1px solid var(--border);border-top:3px solid var(--sky);box-shadow:0 20px 60px #0c23401a;left:0;margin:-1px auto 0;max-width:1200px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:100}.nav-item-dropdown.mega:hover .mega-menu-wrapper{opacity:1;transform:translateY(0);visibility:visible}.mega-menu-inner{display:flex;min-height:350px}.mega-sidebar{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);flex-shrink:0;padding:30px 20px;width:250px}.mega-sidebar ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.mega-sidebar ul li a{border-radius:8px;color:#0c2340;color:var(--navy);display:block;font-size:14px;font-weight:700;margin-bottom:4px;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s}.mega-sidebar ul li a:after{display:none!important}.mega-sidebar ul li a:hover{background:#fff;box-shadow:0 4px 15px #00000008;color:#0ea5e9;color:var(--sky);padding-left:24px;transform:translateX(4px)}.mega-content{background:#fff;flex:1 1;padding:30px}.mega-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.mega-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 15px #00000005;color:#0c2340!important;color:var(--navy)!important;display:flex;flex-direction:column;padding:20px;text-decoration:none!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.mega-card:after{display:none!important}.mega-card:hover{border-color:#7dd3fc;border-color:var(--sky3);box-shadow:0 15px 30px #0ea5e91a;transform:translateY(-5px)}.mega-card-img{align-items:center;background:#f8fafc;border-radius:12px;display:flex;height:140px;justify-content:center;margin-bottom:16px;padding:10px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:100%}.mega-card:hover .mega-card-img{transform:scale(1.03)}.mega-card-img img{max-height:100%;max-width:100%;object-fit:contain}.mega-card-title{color:#0c2340;color:var(--navy);font-size:15px;font-weight:800;line-height:1.4}.mega-card-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;color:var(--gray);display:-webkit-box;font-size:13px;line-height:1.5;margin-top:6px;overflow:hidden;text-overflow:ellipsis}.nav-cta{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--sky),#0284c7);border-radius:100px!important;box-shadow:0 10px 20px #0ea5e92e;color:#fff!important;font-size:13px;font-weight:800;letter-spacing:1px;padding:12px 24px!important;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-cta:after{display:none}.nav-cta:hover{box-shadow:0 12px 24px #0ea5e94d;color:#fff!important;transform:translateY(-2px)}.nav-right{align-items:center;display:flex;gap:24px}.nav-socials{display:flex;gap:8px}.nav-socials a{align-items:center;background:#f8fafc;background:var(--offwhite);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#0ea5e9;color:var(--sky);display:flex;height:34px;justify-content:center;transition:all .3s;width:34px}.nav-socials a:hover{background:#0ea5e9;background:var(--sky);box-shadow:0 8px 16px #0ea5e933;color:#fff;transform:translateY(-3px) rotate(5deg)}.hero{align-items:center;background-color:#0c2340;background-color:var(--navy);display:flex;min-height:92vh;overflow:hidden;position:relative}.hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:contrast(1.05) brightness(.95);inset:-5%;position:absolute;z-index:0}.hero-bg-1{animation:heroZoom 24s infinite alternate;background-image:url(/static/media/hero-banner.7d89dda27c22818f29a7.png)}@keyframes heroZoom{0%{transform:scale(1.1) rotate(.2deg)}to{transform:scale(1) rotate(-.2deg)}}.hero:before{background:radial-gradient(circle at center,#0c234066 0,#0c2340f2 100%);mix-blend-mode:multiply}.hero:after,.hero:before{content:"";inset:0;position:absolute;z-index:0}.hero:after{background:linear-gradient(0deg,#0c2340fa 0,#0c234033 50%,#0000)}.hero-pattern{background-image:radial-gradient(circle at 2px 2px,#ffffff1a 1px,#0000 0);background-size:24px 24px;inset:0;opacity:.4}.hero-glow,.hero-pattern{position:absolute;z-index:1}.hero-glow{animation:glowpulse 8s ease-in-out infinite alternate;background:radial-gradient(circle,#38bdf833 0,#0000 60%);border-radius:50%;filter:blur(60px);height:800px;left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:800px}.hero-grid{justify-content:center;margin:0 auto;max-width:1000px;padding:80px 24px;position:relative;text-align:center;z-index:2}.hero-grid,.hero-left{align-items:center;display:flex;flex-direction:column}.hero-left{animation:slideUpFade 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0ea5e926;border:1px solid #38bdf84d;border-radius:100px;box-shadow:0 4px 24px #0ea5e933,inset 0 1px 0 #fff3;color:#bde7ff;display:inline-flex;font-size:14px;font-weight:800;gap:8px;letter-spacing:1.5px;margin-bottom:30px;overflow:hidden;padding:8px 24px;position:relative;text-transform:uppercase}.hero-badge:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);width:50%}@keyframes shine{to{left:200%}}.hero h1{color:#fff;font-family:Rajdhani,sans-serif;font-size:clamp(48px,7vw,92px);font-weight:800;letter-spacing:-1px;line-height:1.05;margin-bottom:28px;text-shadow:0 12px 40px #00000080}.hero h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7dd3fc,#0ea5e9,#38bdf8);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;filter:drop-shadow(0 4px 15px rgba(14,165,233,.4))}.hero-desc{color:#e2f0ff;font-size:19px;line-height:1.85;margin:0 auto 40px;max-width:700px;opacity:.95;text-shadow:0 2px 12px #0006}.hero-btns{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn-outline,.btn-primary{align-items:center;border-radius:16px;display:inline-flex;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:800;gap:10px;justify-content:center;letter-spacing:1.5px;overflow:hidden;padding:18px 32px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--sky),#0284c7);border:none;box-shadow:0 12px 30px #0ea5e959;color:#fff;text-decoration:none}.btn-primary:before{background:linear-gradient(135deg,#0284c7,#0369a1);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:0 20px 40px #0ea5e980;transform:translateY(-6px)}.btn-outline{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1.5px solid #fff6;box-shadow:0 8px 24px #0000001a;color:#fff;text-decoration:none}.btn-outline:hover{background:#ffffff26;border-color:#fff;box-shadow:0 16px 32px #0003;transform:translateY(-6px)}.btn-animated{animation:gradientFlow 3s ease infinite;background-size:200% auto!important}.btn-animated:after{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);width:50%;z-index:2}.btn-animated:hover:after{animation:btnShine .8s forwards}@keyframes btnShine{0%{left:-100%}to{left:200%}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-animated svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.btn-animated:hover svg{transform:translateX(8px) scale(1.2)}.section{padding:100px 0}.container{margin:0 auto;max-width:1200px;padding:0 24px}.section-label{background:#0ea5e91a;border-radius:100px;color:#0ea5e9;color:var(--sky);display:inline-block;font-size:13px;font-weight:800;letter-spacing:2px;margin-bottom:12px;padding:6px 16px;text-transform:uppercase}.section-title{color:#0c2340;color:var(--navy);font-family:Rajdhani,sans-serif;font-size:clamp(32px,4vw,46px);font-weight:800;letter-spacing:0;line-height:1.2;margin-bottom:16px}.section-title span{color:#0ea5e9;color:var(--sky)}.section-desc{color:#64748b;color:var(--gray);font-size:16px;line-height:1.8;max-width:660px}.divider{background:linear-gradient(90deg,#0ea5e9,#38bdf8);background:linear-gradient(90deg,var(--sky),var(--sky2));border-radius:999px;box-shadow:0 2px 8px #0ea5e94d;height:5px;margin:24px 0;width:70px}.about-info{background:#fff;background:var(--white);padding-bottom:50px}.about-content{display:flex;flex-direction:column;gap:24px;margin-top:32px;max-width:900px}.about-content p{color:#64748b;color:var(--gray);font-size:17px;line-height:1.85;margin-bottom:0;text-align:justify}.highlight-text{background:linear-gradient(90deg,#0ea5e90f,#0000);border-left:5px solid #0ea5e9;border-left:5px solid var(--sky);border-radius:0 16px 16px 0;color:#0c2340!important;color:var(--navy)!important;font-size:19px!important;font-weight:600;line-height:1.8;margin:16px 0 0;padding:16px 24px}.achievement{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--offwhite),#fff);border-top:3px solid #0ea5e9;border-top:3px solid var(--sky)}.ach-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:48px}.ach-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 30px #0c23400a;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.ach-card:before{background:linear-gradient(135deg,#0ea5e90d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s;z-index:-1}.ach-card:hover:before{opacity:1}.ach-card:hover{border-color:#7dd3fc;border-color:var(--sky3);box-shadow:0 20px 40px #0ea5e91f;transform:translateY(-8px)}.ach-icon{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #fff;border-radius:20px;box-shadow:0 8px 20px #0ea5e926;display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.ach-icon svg{color:#0ea5e9;color:var(--sky);font-size:32px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.ach-card:hover .ach-icon svg{transform:scale(1.2) rotate(10deg)}.ach-num{color:#0c2340;color:var(--navy);font-family:Rajdhani,sans-serif;font-size:38px;font-weight:800;margin-bottom:8px}.ach-lbl{color:#64748b;color:var(--gray);font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.brands{background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);overflow:hidden;padding:60px 0;position:relative}.brands-label{color:#64748b;color:var(--gray);font-size:13px;font-weight:800;letter-spacing:2px;margin-bottom:40px;text-align:center;text-transform:uppercase}.brands-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 5%,#000 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5%,#000 95%,#0000);overflow:hidden;position:relative;width:100%}.brands-track{display:flex;width:-webkit-max-content;width:max-content}.brands-group{animation:scrollMarquee 25s linear infinite;display:flex;gap:20px;padding-right:20px}.brands-track:hover .brands-group{animation-play-state:paused}@keyframes scrollMarquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.brand-badge{align-items:center;background:#0000;border:1px solid #0000;border-radius:16px;cursor:default;display:flex;height:90px;justify-content:center;min-width:160px;padding:12px 24px;transition:all .3s}.brand-badge img{max-height:55px;max-width:150px;object-fit:contain;transition:all .3s ease}img[alt=PANASONIC]{transform:scale(2.2)}img[alt=YORK]{transform:scale(2)}img[alt=DAIKIN]{transform:scale(1.2)}img[alt=ORI]{transform:scale(.7)}.brand-badge:hover{transform:translateY(-4px) scale(1.05)}.services{background:#f8fafc;background:var(--offwhite)}.svc-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:48px}.svc-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 30px #0c234008;display:flex;flex-direction:column;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.svc-card:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8);background:linear-gradient(90deg,var(--sky),var(--sky2));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.svc-card:hover:before{transform:scaleX(1)}.svc-card:hover{border-color:#7dd3fc;border-color:var(--sky3);box-shadow:0 20px 40px #0ea5e91a;transform:translateY(-6px)}.svc-icon{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #fff;border-radius:20px;box-shadow:0 8px 20px #0ea5e926;display:flex;height:64px;justify-content:center;margin-bottom:24px;width:64px}.svc-icon svg{color:#0ea5e9;color:var(--sky);font-size:30px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.svc-card:hover .svc-icon svg{color:#0284c7;transform:scale(1.15) rotate(-5deg)}.svc-card h3{color:#0c2340;color:var(--navy);font-family:Rajdhani,sans-serif;font-size:22px;font-weight:800;margin-bottom:14px}.svc-card p{color:#64748b;color:var(--gray);flex-grow:1;font-size:15px;line-height:1.7;margin-bottom:24px}.svc-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:100px;color:#0ea5e9;color:var(--sky);font-size:12px;font-weight:800;letter-spacing:.5px;padding:8px 16px;transition:all .3s}.svc-card:hover .tag{background:#0ea5e9;background:var(--sky);border-color:#0ea5e9;border-color:var(--sky);box-shadow:0 4px 10px #0ea5e933;color:#fff;transform:translateY(-2px)}.prod-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:48px}.prod-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 30px #0c234008;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.prod-card:before{background:linear-gradient(180deg,#0000 50%,#0ea5e908);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s;z-index:-1}.prod-card:hover:before{opacity:1}.prod-card:hover{border-color:#7dd3fc;border-color:var(--sky3);box-shadow:0 20px 40px #0ea5e91f;transform:translateY(-8px)}.prod-thumb-container{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;height:260px;justify-content:center;overflow:hidden;padding:30px;position:relative}.prod-thumb-container:after{background:#0ea5e905;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s}.prod-card:hover .prod-thumb-container:after{opacity:1}.prod-img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.prod-card:hover .prod-img{transform:scale(1.15) rotate(-3deg)}.prod-body{display:flex;flex:1 1;flex-direction:column;padding:28px}.prod-title{color:#0c2340;color:var(--navy);font-family:Rajdhani,sans-serif;font-size:24px;font-weight:800;line-height:1.3;margin-bottom:12px}.prod-desc{color:#64748b;color:var(--gray);flex:1 1;font-size:15px;line-height:1.6;margin-bottom:24px}.prod-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:auto;padding-top:20px}.prod-action{align-items:center;color:#0ea5e9;color:var(--sky);display:inline-flex;font-size:14px;font-weight:800;gap:8px;letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:all .3s}.prod-action svg{font-size:18px;transition:transform .3s}.prod-card:hover .prod-action{color:#0284c7}.prod-card:hover .prod-action svg{transform:translateX(4px)}.projects{background:#fff;background:var(--white)}.proj-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:48px}.proj-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 30px #0c23400a;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.proj-card:hover{border-color:#7dd3fc;border-color:var(--sky3);box-shadow:0 20px 40px #0ea5e91f;transform:translateY(-8px)}.proj-thumb{align-items:center;display:flex;font-size:56px;height:200px;justify-content:center;overflow:hidden;position:relative}.proj-thumb:after{background:#fff3;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.proj-card:hover .proj-thumb:after{opacity:1}.proj-thumb>svg{color:#0ea5e9cc;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.proj-card:hover .proj-thumb>svg{color:#0ea5e9;color:var(--sky);transform:scale(1.2) translateY(-5px)}.proj-thumb-hospital{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.proj-thumb-office{background:linear-gradient(135deg,#fef9c3,#fef08a)}.proj-thumb-hotel{background:linear-gradient(135deg,#dbeafe,#bae6fd)}.proj-thumb-mall{background:linear-gradient(135deg,#e0f2fe,#cffafe)}.proj-thumb-factory{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.proj-thumb-resort{background:linear-gradient(135deg,#fff7ed,#fed7aa)}.proj-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:100px;box-shadow:0 4px 12px #0000000d;color:#0ea5e9;color:var(--sky);font-size:11px;font-weight:800;letter-spacing:1px;padding:6px 14px;position:absolute;right:16px;text-transform:uppercase;top:16px;z-index:2}.proj-body{display:flex;flex:1 1;flex-direction:column;padding:28px}.proj-cat{color:#0ea5e9;color:var(--sky);font-size:12px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.proj-card h3{color:#0c2340;color:var(--navy);font-family:Rajdhani,sans-serif;font-size:22px;font-weight:800;margin-bottom:12px}.proj-card p{color:#64748b;color:var(--gray);flex:1 1;font-size:15px;line-height:1.7}.about-intro-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-top:20px}.about-intro-text p{color:#64748b;color:var(--gray);font-size:16px;line-height:1.8;margin-bottom:20px}.about-intro-text p strong{color:#0c2340;color:var(--navy);font-weight:700}.about-highlight-box{background:linear-gradient(135deg,#e318370d,#e3183700);border-left:4px solid var(--red);border-radius:0 16px 16px 0;margin-bottom:30px;padding:20px 24px}.about-highlight-box .about-lead{color:#0c2340;color:var(--navy);font-size:18px;font-weight:600;line-height:1.6;margin-bottom:0}.about-intro-image-wrapper{padding:20px 20px 0 0;position:relative}.about-intro-image{border-radius:32px;box-shadow:-15px 15px 40px #0000001a;object-fit:cover;position:relative;width:100%;z-index:2}@media (max-width:992px){.about-intro-grid{gap:40px;grid-template-columns:1fr}.about-intro-image-wrapper{padding:0}}.events-section{background:#fff;background:var(--white);padding:0 0 100px;position:relative;z-index:1}.events-bg-top{height:55%;top:0}.events-bg-bottom,.events-bg-top{background:#fff;background:var(--white);left:0;position:absolute;right:0;z-index:-1}.events-bg-bottom{bottom:0;height:45%}.events-container{padding-top:60px;position:relative;z-index:2}.events-header-wrapper{margin-bottom:40px;text-align:center}.events-red-line{background:#e31837;height:3px;margin:0 auto 15px;width:30px}.events-title{color:#1a1a1a;font-family:Rajdhani,sans-serif;font-size:42px;font-weight:500;letter-spacing:0}.events-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.event-card{background:#fff;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;padding:30px;text-align:left}.event-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.event-logo img{max-height:45px;max-width:140px;object-fit:contain}.event-flag{font-size:32px;line-height:1}.event-title{color:#e31837;flex-grow:1;font-size:20px;font-weight:600;line-height:1.4;margin-bottom:20px}.event-details{margin-bottom:24px}.event-detail-item{align-items:center;color:#555;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.event-detail-item .event-icon{color:#e31837;font-size:16px}.event-type{color:#e31837;font-size:14px;font-weight:600;margin-top:auto}.whyus{background:linear-gradient(135deg,#0c2340,#0a192f,#153a5e);background:linear-gradient(135deg,var(--navy),#0a192f,var(--navy2));color:#fff;overflow:hidden;padding:100px 0;position:relative}.whyus:before{background-image:radial-gradient(circle at 2px 2px,#ffffff14 1px,#0000 0);background-size:32px 32px;inset:0;opacity:.5}.whyus:after,.whyus:before{content:"";position:absolute}.whyus:after{background:radial-gradient(circle,#0ea5e926 0,#0000 70%);border-radius:50%;height:600px;left:-200px;top:-200px;width:600px}.whyus .container{position:relative;z-index:2}.whyus .section-label{background:#ffffff1a;border:1px solid #ffffff1a;color:#7dd3fc;color:var(--sky3)}.whyus .section-title{color:#fff}.whyus .divider{background:linear-gradient(90deg,#38bdf8,#7dd3fc);background:linear-gradient(90deg,var(--sky2),var(--sky3))}.whyus .section-desc{color:#bde7ff}.whyus-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:50px;position:relative;z-index:2}.why-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#192d4b99,#0f192dcc);border:1px solid #ffffff14;border-radius:28px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden;padding:40px 32px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.why-card:before{background:linear-gradient(90deg,#0ea5e9,#7dd3fc);background:linear-gradient(90deg,var(--sky),var(--sky3));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.why-card:hover{background:linear-gradient(145deg,#1e375ab3,#14233ce6);border-color:#38bdf84d;box-shadow:0 24px 48px #0006;transform:translateY(-10px)}.why-card:hover:before{transform:scaleX(1)}.why-card-inner{display:flex;flex-direction:column;height:100%;position:relative;z-index:2}.why-icon-wrapper{align-items:center;background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:20px;box-shadow:0 8px 24px #0ea5e926;display:flex;height:64px;justify-content:center;margin-bottom:24px;transition:all .4s ease;width:64px}.why-card:hover .why-icon-wrapper{background:#0ea5e9;background:var(--sky);border-color:#38bdf8;border-color:var(--sky2);box-shadow:0 12px 32px #0ea5e966;transform:scale(1.05) rotate(-5deg)}.why-card svg{color:#7dd3fc;color:var(--sky3);font-size:32px;transition:all .4s}.why-card:hover svg{color:#fff;transform:scale(1.1)}.why-content{flex-grow:1;position:relative;z-index:2}.why-card h4{color:#fff;font-family:Rajdhani,sans-serif;font-size:24px;font-weight:800;letter-spacing:.5px;margin-bottom:14px}.why-card p{color:#94a3b8;font-size:15px;line-height:1.8;margin-bottom:0;transition:color .3s}.why-card:hover p{color:#e2e8f0}.why-number{bottom:-20px;color:#ffffff08;font-family:Rajdhani,sans-serif;font-size:120px;font-weight:800;line-height:1;pointer-events:none;position:absolute;right:-10px;transition:all .5s ease;z-index:1}.why-card:hover .why-number{color:#0ea5e914;transform:translateY(-10px) translateX(-10px)}.contact{background:#f8fafc;background:var(--offwhite);position:relative}.contact:before{background:radial-gradient(circle,#0ea5e90d 0,#0000 70%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:0;top:0;width:400px}.contact-grid{grid-gap:64px;align-items:start;display:grid;gap:64px;grid-template-columns:1fr 1.2fr;margin-top:56px;position:relative;z-index:2}.contact-info{grid-gap:16px;display:grid;gap:16px}.cinfo{align-items:center;background:#fff;border:1px solid #00000008;border-radius:20px;box-shadow:0 10px 30px #0c234005;display:flex;gap:18px;overflow:hidden;padding:24px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.cinfo:before{background:linear-gradient(180deg,#0ea5e9,#38bdf8);background:linear-gradient(180deg,var(--sky),var(--sky2));bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:4px}.cinfo:hover{box-shadow:0 20px 40px #0ea5e914;transform:translateY(-4px)}.cinfo:hover:before{opacity:1}.cinfo-icon{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;box-shadow:inset 0 2px 10px #fffc,0 8px 16px #0ea5e91a;display:flex;flex-shrink:0;height:54px;justify-content:center;position:relative;width:54px;z-index:1}.cinfo-icon svg{color:#0ea5e9;color:var(--sky);font-size:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.cinfo:hover .cinfo-icon{background:#0ea5e9;background:var(--sky);box-shadow:0 12px 24px #0ea5e940}.cinfo:hover .cinfo-icon svg{color:#fff;transform:scale(1.1) rotate(-5deg)}.cinfo-content h5{color:#0c2340;color:var(--navy);font-family:Rajdhani,sans-serif;font-size:19px;font-weight:800;letter-spacing:.5px;margin-bottom:4px}.cinfo-content p{color:#64748b;color:var(--gray);font-size:14px;line-height:1.6;margin:0;white-space:pre-line}.contact-form{background:#fff;border:1px solid #0000000a;border-radius:24px;box-shadow:0 24px 64px #0c23400f;padding:40px;position:relative}.form-header{margin-bottom:28px}.form-title{align-items:center;color:#0c2340;color:var(--navy);display:flex;font-family:Rajdhani,sans-serif;font-size:28px;font-weight:800;gap:12px;margin-bottom:6px}.form-title svg{color:#0ea5e9;color:var(--sky);font-size:30px}.form-subtitle{color:#64748b;color:var(--gray);font-size:14px;line-height:1.6;margin:0}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-group label{color:#0c2340;color:var(--navy);font-size:12px;font-weight:800;letter-spacing:1px;margin-left:2px;text-transform:uppercase}.input-wrapper{position:relative}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{background:#f4f7f9;border:2px solid #0000;border-radius:12px;box-shadow:inset 0 2px 4px #00000005;color:#0c2340;color:var(--navy);font-family:Nunito,sans-serif;font-size:14px;outline:none;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input-wrapper input:focus,.input-wrapper select:focus,.input-wrapper textarea:focus{background:#fff;border-color:#38bdf8;border-color:var(--sky2);box-shadow:0 8px 24px #0ea5e91a;transform:translateY(-2px)}.input-wrapper textarea{min-height:160px;resize:vertical}.form-submit{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--sky),#0284c7);border:none;border-radius:16px;box-shadow:0 12px 32px #0ea5e940;color:#fff;cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:800;gap:12px;justify-content:center;letter-spacing:1.5px;margin-top:16px;overflow:hidden;padding:20px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.form-submit:after{background:linear-gradient(135deg,#0284c7,#0369a1);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.form-submit:hover:after{opacity:1}.form-submit:hover{box-shadow:0 20px 48px #0ea5e966;transform:translateY(-4px)}.form-submit span{position:relative;transition:transform .4s;z-index:2}.form-submit svg{font-size:24px;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:2}.form-submit:hover svg{transform:translateX(6px) translateY(-4px) scale(1.1)}.form-status{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:#16a34a1a;border-left:4px solid #16a34a;border-radius:16px;color:#166534;font-size:15px;font-weight:700;margin-top:24px;padding:18px 24px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wa-btn{align-items:center;background:#25d366;border-radius:50%;bottom:32px;box-shadow:0 16px 40px #25d3664d;color:#fff;display:flex;height:64px;justify-content:center;position:fixed;right:32px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:64px;z-index:30}.wa-btn svg{font-size:34px}.wa-btn:hover{background:#16a34a;transform:scale(1.1)}.art-card:hover{box-shadow:0 12px 30px #0000001a!important;transform:translateY(-5px)}.scroll-top{align-items:center;background:#0ea5e9;background:var(--sky);border:none;border-radius:16px;bottom:110px;box-shadow:0 16px 40px #0ea5e94d;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:32px;transition:all .3s cubic-bezier(.34,1.56,.64,1);visibility:hidden;width:50px;z-index:30}.scroll-top.show{opacity:1;visibility:visible}.scroll-top:hover{background:#0284c7;box-shadow:0 20px 48px #0ea5e966;transform:translateY(-6px)}.scroll-top svg{font-size:24px}footer{background:linear-gradient(180deg,#0c2340,#06111f);background:linear-gradient(180deg,var(--navy),#06111f);border-top:4px solid #0ea5e9;border-top:4px solid var(--sky);color:#93c5fd;overflow:hidden;padding:60px 0 0;position:relative}footer:before{background-image:radial-gradient(circle at 2px 2px,#ffffff05 1px,#0000 0);background-size:32px 32px;content:"";inset:0;pointer-events:none;position:absolute}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2.5fr 1fr 1fr 1.5fr;margin-bottom:40px;position:relative;z-index:1}.footer-brand .footer-logo{display:inline-block;margin-bottom:24px;text-decoration:none}.footer-brand .footer-logo img{filter:drop-shadow(0 8px 20px rgba(255,255,255,.15));height:90px;transition:transform .4s ease}.footer-brand .footer-logo:hover img{transform:translateY(-4px)}.footer-brand p{color:#94a3b8;font-size:15px;font-weight:400;line-height:1.8;margin-top:8px;max-width:350px}.footer-col h5{color:#fff;display:inline-block;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:800;letter-spacing:1.5px;margin-bottom:20px;padding-bottom:10px;position:relative;text-transform:uppercase}.footer-col h5:after{background:linear-gradient(90deg,#0ea5e9,#38bdf8);background:linear-gradient(90deg,var(--sky),var(--sky2));border-radius:2px;bottom:0;box-shadow:0 2px 8px #0ea5e966;content:"";height:3px;left:0;position:absolute;transition:width .3s;width:40px}.footer-col:hover h5:after{width:100%}.footer-col ul{display:flex;flex-direction:column;gap:12px;list-style:none}.footer-col ul li a{align-items:center;color:#cbd5e1;display:flex;font-size:15px;gap:12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-col ul li a:hover{color:#fff;transform:translateX(8px)}.footer-col ul li a svg{background:#0ea5e91a;border-radius:50%;box-sizing:initial;color:#0ea5e9;color:var(--sky);font-size:18px;padding:4px;transition:transform .3s,color .3s}.footer-col ul li a:hover svg{background:#0ea5e9;background:var(--sky);color:#fff;transform:scale(1.1)}.footer-bottom{align-items:center;background:linear-gradient(180deg,#0000,#0003);border-top:1px solid #ffffff0f;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;justify-content:space-between;padding:24px 0;position:relative;z-index:1}.footer-bottom a{color:#cbd5e1;position:relative;text-decoration:none;transition:color .3s}.footer-bottom a:after{background:#0ea5e9;background:var(--sky);bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-bottom a:hover{color:#fff}.footer-bottom a:hover:after{width:100%}.hero-compact{color:#fff;overflow:hidden;padding:140px 0 100px;position:relative;text-align:center}.doc-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@keyframes glowpulse{0%,to{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:.8;transform:translateY(-50%) scale(1.1)}}@media (max-width:1024px){.section{padding:80px 0}.hero-grid{gap:48px;grid-template-columns:1fr;padding-bottom:60px;padding-top:60px;text-align:center}.hero-desc{margin:0 auto 32px}.hero-btns{justify-content:center}.hero-cards{display:none}.contact-grid{gap:40px;grid-template-columns:1fr}.footer-grid{gap:40px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.section{padding:40px 0}.section-title{font-size:28px;margin-bottom:12px}.section-desc{font-size:15px}.tb-inner{justify-content:center;padding:6px 16px}.tb-inner,.tb-left,.tb-right{flex-direction:column;gap:4px}.tb-left,.tb-right{align-items:center;display:flex;font-size:11px}.mobile-menu-btn{display:block;margin-left:auto}.nav-right{display:none}.nav-links{background:#fff;box-shadow:0 10px 30px #00000026;display:flex!important;flex-direction:column;left:0;max-height:calc(100vh - 90px);opacity:0;overflow-y:auto;padding:20px 20px 40px;pointer-events:none;position:fixed;right:0;top:90px;transform:translateY(-150%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:100}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links li{width:100%}.dropdown-menu,.mega-menu-wrapper{background:#0000;border:none;border-left:3px solid #0ea5e9;border-left:3px solid var(--sky);border-radius:0;box-shadow:none;margin-left:16px;margin-top:0;max-height:0;opacity:1;overflow:hidden;padding:0;position:static;transform:none;transition:all .3s ease;visibility:visible}.nav-item-dropdown.mobile-open .dropdown-menu,.nav-item-dropdown.mobile-open .mega-menu-wrapper{margin-top:8px;max-height:500px;padding-bottom:8px}.dropdown-menu{display:flex;flex-direction:column;min-width:100%}.dropdown-menu .dropdown-item{color:#64748b;color:var(--gray);font-size:13px;font-weight:700;padding:10px 16px;text-transform:capitalize}.mega-menu-inner{flex-direction:column;min-height:auto}.mega-sidebar{background:#0000;border-right:none;padding:0;width:100%}.mega-sidebar ul li a{color:#64748b;color:var(--gray);font-size:13px;font-weight:700;padding:10px 16px;text-transform:capitalize}.mega-sidebar ul li a:hover{background:#0000;color:#0ea5e9;color:var(--sky);padding-left:20px}.mega-content,.nav-socials{display:none}.hero{min-height:60vh;padding-bottom:60px;padding-top:80px}.hero h1{font-size:clamp(28px,8vw,36px)}.hero-btns{flex-direction:column;padding:0 20px;width:100%}.hero-btns .btn{justify-content:center;width:100%}.form-row{margin-bottom:0}.footer-grid,.form-row{grid-template-columns:1fr}.footer-grid{gap:30px}.ach-grid,.doc-grid,.prod-grid,.proj-grid,.svc-grid,.whyus-grid{gap:20px;grid-template-columns:1fr}.prod-card,.proj-card,.svc-card,.why-card{padding:20px}.hero-compact{padding:80px 0 40px}}
/*# sourceMappingURL=main.c2e84bc4.css.map*/