:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--primary-gradient:linear-gradient(135deg,#818cf8,#6366f1,#4f46e5);--text-dark:#0f172a;--text-light:#64748b;--section-bg:#f8fafc;--card-bg:#fff;--border-light:#e2e8f0;--shadow-soft:0 8px 24px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fb}
.navbar{border-bottom:1px solid var(--border-light);z-index:1000;background:#f8fafc;width:100%;padding:18px 0;position:sticky;top:0}.nav-link{font-style:bold;color:#222!important;font-weight:600!important}.nav-link.active{border-bottom:2px solid var(--primary);color:var(--primary)!important}.nav-link:hover{color:var(--primary)!important}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:8px;display:flex}.logo{flex-shrink:0}.nav-links{flex:1;justify-content:center;display:flex}.nav-menu{color:var(--text-dark);gap:35px;margin-top:.5rem;font-weight:600;list-style:none;display:flex}.nav-menu li a{color:#222;text-decoration:none}.nav-menu li{cursor:pointer;transition:color .25s;position:relative}.nav-menu li:hover,.nav-menu li.active a{color:var(--primary)}.nav-menu li:after{content:"";background:var(--primary);width:0%;height:2px;transition:width .25s;position:absolute;bottom:-6px;left:0}.nav-menu li:hover:after,.nav-menu li.active:after{width:100%}.hamburger{cursor:pointer;font-size:26px;display:none}@media (max-width:900px){.hamburger{display:block}.nav-links{flex:unset}.nav-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#fffffff2;flex-direction:column;justify-content:flex-start;align-items:center;gap:25px;width:100%;height:calc(100vh - 70px);padding-top:30px;display:none;position:fixed;top:70px;left:0}.nav-menu.open{display:flex}.nav-menu li{text-align:center;width:100%;padding:15px 0}.nav-menu li:after{display:none}}
.footer{color:#fff;background:linear-gradient(#0b1b36,#08142a);margin-top:80px}.footer-container{gap:60px;max-width:1200px;margin:auto;padding:70px 20px}.footer-logo img{filter:brightness(0)invert()}.footer-col h3{margin-bottom:20px;font-size:18px}.footer-desc{color:#94a3b8;max-width:320px;margin-top:20px;line-height:1.6}.footer-col ul{padding:0;list-style:none}.footer-col ul li{color:#94a3b8;cursor:pointer;margin-bottom:12px;transition:all .25s}.footer-col ul li:hover{color:#fff;transform:translate(4px)}.footer-col p{color:#94a3b8;margin-bottom:12px}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #ffffff14;padding:20px;font-size:14px}