/* Base Theme */ body { background-color: #F8FAFC; color: #0F172A; transition: background-color 0.3s ease, color 0.3s ease; overflow-x: hidden; } .dark body { background-color: #0B0F19; color: #F8FAFC; } /* Tech Background Texture */ .bg-grid { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; background-image: linear-gradient(to right, rgba(0,0,0,0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,0.03) 1px, transparent 1px); background-size: 40px 40px; pointer-events: none; } .dark .bg-grid { background-image: linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px); } /* Ambient Glow Orbs */ .glow-orb { position: fixed; border-radius: 50%; filter: blur(100px); z-index: -1; opacity: 0.4; pointer-events: none; } .dark .glow-orb { opacity: 0.15; } /* Glassmorphism Utilities */ .glass-card { background: var(--tw-bg-opacity, rgba(255, 255, 255, 0.7)); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .dark .glass-card { background: var(--tw-bg-opacity, rgba(15, 23, 42, 0.6)); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3); } .glass-card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .dark .glass-card:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.7), 0 10px 10px -5px rgba(0, 0, 0, 0.5); border-color: rgba(255, 255, 255, 0.15); } /* Typography & Gradients */ .text-gradient { background: linear-gradient(135deg, #EF4444 0%, #3B82F6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient-alt { background: linear-gradient(135deg, #10B981 0%, #3B82F6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Cursor Animation */ .typing-cursor::after { content: '|'; color: #ef4444; animation: blink 1s step-start infinite; margin-left: 2px; } @keyframes blink { 50% { opacity: 0; } } /* SPA Routing Classes */ .page-view { display: none; opacity: 0; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; transform: translateY(10px); } .page-view.active { display: block; opacity: 1; transform: translateY(0); } .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } 
/* V5: Restore original visual language, with real page navigation. */
html {scroll-padding-top:112px}
.page-view { display:block!important;opacity:1!important;transform:none!important; }
.site-nav-pop {display:none;}
.site-nav-group:hover .site-nav-pop, .site-nav-group:focus-within .site-nav-pop { display:block; }
#mobile-menu.open {display:block!important;}
.dynamic-srcxtra-text {min-width:3ch;display:inline-block;}
.brand-typing {white-space:nowrap;}
.public-card-image {border-radius:16px; background:linear-gradient(135deg,rgba(59,130,246,.07),rgba(239,68,68,.05));height:120px;padding:8px;object-fit:contain;}
.public-feature-img {height:150px;max-width:265px;width:100%;object-fit:contain;margin:auto;}
.public-service-banner {background:linear-gradient(100deg,rgba(59,130,246,.08),rgba(239,68,68,.04));}
.public-price-note {font-size:11px;line-height:1.4;color:#64748b}
.public-product .package-button {transition:transform .15s ease, box-shadow .15s ease;}
.public-product .package-button:hover {transform:translateY(-2px);box-shadow:0 12px 26px rgba(59,130,246,.17)}
.public-product .icon-list {min-height:76px;}
.enquiry-result {border-radius:12px;padding:12px 16px;margin:4px 0 0;font-size:13px;line-height:1.5}
.enquiry-result.success {background:#dcfce7;color:#14532d}
.enquiry-result.error {background:#fee2e2;color:#7f1d1d}
.dark .enquiry-result.success {background:#064e3b;color:#ecfdf5}
.dark .enquiry-result.error {background:#7f1d1d;color:#fef2f2}
@media(max-width:767px) { .public-product .icon-list {min-height:0} .public-service-banner {padding:20px} }
/* Consistent public language switch + welcome modal */
.lang-toggle{border:1px solid rgba(112,127,166,.3);border-radius:10px;padding:7px 10px;font-weight:800;font-size:12px;color:inherit;background:rgba(156,163,175,.08)}
.lang-toggle:hover{background:rgba(70,100,170,.14)}
.sx-language-backdrop{position:fixed;inset:0;background:#08132bc4;z-index:99999;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}
.sx-language-card{width:min(100%,440px);text-align:center;background:white;border-radius:22px;padding:34px;box-shadow:0 30px 90px #09132b88;color:#17263e}
.sx-language-card h2{font-size:26px;font-weight:800;margin:12px 0 6px}.sx-language-card p{margin-bottom:20px}.sx-brand{font-size:24px;font-weight:850}.sx-brand span{color:#e83d61}.sx-language-buttons{display:flex;gap:12px;margin:20px 0}.sx-language-buttons button{flex:1;border-radius:12px;padding:14px;border:1px solid #d5dbeb;background:#f1f3f9;font-weight:800;cursor:pointer}.sx-language-buttons button:first-child{background:#435de6;border-color:#435de6;color:white}.sx-language-card small{color:#68758b}