@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap");:root{--bg-main:#010a12;--bg-teal-bright:#0a2e6b;--bg-card:rgba(15,23,42,.4);--primary:#2563eb;--secondary:#3b82f6;--accent:#60a5fa;--text-main:#fff;--text-dim:#94a3b8;--border:hsla(0,0%,100%,.08);--brand-blue:#004aab;--grid-color:rgba(37,99,235,.04);--gradient-main:linear-gradient(135deg,#2563eb,#3b82f6);--glow-cyan:0 0 20px rgba(37,99,235,.5);--glow-teal:0 0 30px rgba(59,130,246,.6);--radius-lg:24px;--transition:0.6s cubic-bezier(0.16,1,0.3,1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}.bg-immersive{width:100%;height:100%;background-color:var(--bg-main);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),radial-gradient(circle at 50% 0,var(--bg-teal-bright) 0,transparent 60%),repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(34,211,238,.02) 100px,rgba(34,211,238,.02) 101px),repeating-linear-gradient(-45deg,transparent,transparent 150px,rgba(34,211,238,.02) 150px,rgba(34,211,238,.02) 151px),radial-gradient(circle at 100% 100%,#001a1f 0,var(--bg-main) 100%);background-size:50px 50px,50px 50px,100% 100%,100% 100%,100% 100%,100% 100%}.bg-immersive,.thai-motif{position:fixed;top:0;left:0;z-index:-1;pointer-events:none}.thai-motif{width:500px;height:500px;background-image:url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C50 0 100 50 100 100C100 150 50 200 0 200V0Z' fill='white' fill-opacity='0.02'/%3E%3Cpath d='M0 50C100 50 150 150 150 250C150 350 100 450 0 450' stroke='white' stroke-opacity='0.03' stroke-width='2'/%3E%3Ccircle cx='20' cy='20' r='10' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M0 0L50 50M50 0L0 50' stroke='white' stroke-opacity='0.01'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;opacity:.8;filter:blur(1px)}.tech-bg-icons{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='10' stroke='cyan' stroke-opacity='0.2'/%3E%3Cpath d='M40 50H60M50 40V60' stroke='cyan' stroke-opacity='0.2'/%3E%3C/svg%3E");background-size:300px 300px}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.brand-hover{transition:all .3s ease}.brand-hover:hover{filter:drop-shadow(0 0 12px rgba(96,165,250,.6))}.brand-hover:hover div{color:#60a5fa!important}.text-gradient{background:linear-gradient(180deg,#fff 0,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(37,99,235,.3))}.btn{padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1.05rem;display:inline-flex;align-items:center;gap:.8rem;transition:var(--transition);cursor:pointer;text-decoration:none;border:none}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:var(--glow-teal);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.4) 0,transparent 70%);opacity:0;transition:.3s}.btn-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 50px rgba(59,130,246,.8)}.btn-primary:hover:after{opacity:1}.btn-outline{background:hsla(0,0%,100%,.03);border:1px solid var(--border);color:#fff}.btn-outline:hover{background:hsla(0,0%,100%,.08);border-color:var(--primary);box-shadow:var(--glow-cyan)}.collage-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:2px solid rgba(37,99,235,.3);background:#010a12;box-shadow:0 0 30px rgba(37,99,235,.2);transition:var(--transition)}.collage-frame:hover{border-color:var(--primary);box-shadow:0 0 50px rgba(37,99,235,.5);transform:translateY(-5px) scale(1.02)}.collage-frame img{width:100%;height:100%;object-fit:cover;opacity:.9}.nav-link{color:var(--text-dim);text-decoration:none;font-weight:600;transition:.3s;padding:.5rem 1rem;border-radius:8px}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.05)}.brand-hover{transition:var(--transition)!important;cursor:pointer}.brand-hover:hover{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(0,245,193,.4))}.mobile-menu-btn{display:none;background:transparent;border:1px solid var(--border);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.hero-grid{grid-template-columns:1fr;text-align:center;gap:4rem}.hero-grid>div:last-child{height:400px;margin-top:2rem}.collage-frame{position:relative!important;width:100%!important;height:300px!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}h1{font-size:3.5rem!important}}@media (max-width:768px){.container{padding:0 1.5rem}h1{font-size:2.8rem!important}.btn{width:100%;justify-content:center}}.admin-row{transition:background .2s ease}.admin-row:hover{background:hsla(0,0%,100%,.02)!important}.icon-btn{transition:all .2s ease}.icon-btn:hover{color:#fff!important;border-color:var(--accent)!important;background:hsla(0,0%,100%,.08)!important}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.vmax-scanline{animation:scanline 8s linear infinite}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr!important;gap:3rem!important}}#goog-gt-tt,.goog-te-balloon-frame,.goog-te-banner-frame,.goog-tooltip,.goog-tooltip:hover{display:none!important}.goog-te-gadget{font-size:0!important}body{top:0!important}.skiptranslate{display:none!important}.translated-ltr,.translated-rtl{font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif!important}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-scroll-reverse{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.marquee-track{animation:marquee-scroll 30s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-reverse{animation:marquee-scroll-reverse 35s linear infinite!important}.marquee-reverse:hover{animation-play-state:paused}.client-logo-card{transition:all .4s ease;border:2px solid transparent}.client-logo-card:hover{border-color:rgba(37,99,235,.4);box-shadow:0 4px 20px rgba(37,99,235,.12),0 2px 12px rgba(0,0,0,.08)!important;transform:scale(1.05)}.client-logo-card:hover .client-logo-img{filter:grayscale(0)!important;opacity:1!important}.portfolio-card{transition:all .3s ease}.portfolio-card:hover{border-color:rgba(37,99,235,.2)!important;box-shadow:0 8px 30px rgba(37,99,235,.08)}.portfolio-card:hover .portfolio-img{transform:scale(1.05)}.portfolio-card:hover .portfolio-arrow{background:rgba(37,99,235,.1);border-color:var(--secondary)!important}