*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#070707;background:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;width:100%;height:74px;padding:0 5.5%;transition:all .45s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0}.navbar-scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#12121694;border:1px solid #ffffff1a;border-radius:999px;width:64%;height:56px;padding:0 24px;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000024}.brand{align-items:center;gap:14px;display:flex}.brand img{border-radius:50%;width:42px;height:42px}.navbar-scrolled .brand img{width:34px;height:34px}.brand h2{color:#111;font-size:16px;font-weight:900}.navbar-scrolled .brand h2{color:#fff;font-size:13px}.desktop-nav{align-items:center;gap:28px;display:flex}.desktop-nav a{color:#222;opacity:.72;font-size:13px;font-weight:700;position:relative}.navbar-scrolled .desktop-nav a{color:#fff}.desktop-nav a.active,.desktop-nav a:hover{opacity:1}.desktop-nav a.active:after{content:"";background:#111;width:100%;height:2px;position:absolute;bottom:-10px;left:0}.navbar-scrolled .desktop-nav a.active:after{background:#fff}.nav-btn{color:#fff;background:#050505;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 18px;font-size:12px;font-weight:800;display:flex}.navbar-scrolled .nav-btn{color:#111;background:#fff}.menu-btn{color:#111;background:0 0;border:none;font-size:24px;display:none}.navbar-scrolled .menu-btn{color:#fff}.mobile-overlay{z-index:1500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#00000094;transition:all .3s;position:fixed;inset:0}.mobile-overlay.active{opacity:1;pointer-events:auto}.mobile-sidebar{z-index:1600;background:radial-gradient(circle at 0 0,#6f46ff24,#0000 30%),linear-gradient(#05060b,#090b13);border-left:1px solid #8b67ff24;width:78%;max-width:320px;height:100vh;padding:16px;transition:right .32s;position:fixed;top:0;right:-100%;overflow:hidden}.mobile-sidebar.active{right:0}.sidebar-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sidebar-brand{align-items:center;gap:10px;display:flex}.sidebar-brand img{border-radius:50%;width:40px;height:40px}.sidebar-brand h2{color:#fff;font-size:14px;font-weight:900}.sidebar-brand:after{display:none}.close-btn{color:#fff;background:#ffffff0f;border:none;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.mobile-links{gap:10px;display:grid}.mobile-links a{color:#fff;background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;justify-content:space-between;align-items:center;height:44px;padding:0 14px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.mobile-links a:after{content:"›";color:#8b67ff;font-size:22px}.mobile-links a:hover,.mobile-links a.active{background:#6f46ff29;border-color:#8b67ff47}.mobile-socials{border-top:1px solid #ffffff0f;gap:10px;margin:18px 0 14px;padding-top:14px;display:flex;position:relative}.mobile-socials:before{content:"CONNECT";color:#8f8f9a;letter-spacing:1px;font-size:10px;font-weight:800;position:absolute;top:-10px}.mobile-socials a{color:#fff;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:10px;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.mobile-contact-btn{color:#fff;background:radial-gradient(circle at 0,#8b67ff3d,#0000 26%),linear-gradient(135deg,#6f46ff3d,#ffffff08);border:1px solid #8b67ff3d;border-radius:16px;justify-content:space-between;align-items:center;height:56px;padding:0 14px;font-size:14px;font-weight:800;display:flex}.mobile-contact-btn:before{content:"🚀";background:#ffffff1f;border-radius:10px;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.mobile-contact-btn svg{font-size:15px}.mobile-sidebar:after{content:"© MR.TECHLAB";text-align:center;color:#777;border-top:1px solid #ffffff0f;margin-top:12px;padding-top:10px;font-size:10px;font-weight:700;display:block}.footer{border-top:1px solid #eee;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;padding:55px 7%;display:grid}.footer-brand{align-items:center;gap:12px;margin-bottom:14px;display:flex}.footer-brand img{border-radius:50%;width:42px;height:42px}.footer p,.footer a{color:#555;margin-bottom:8px;line-height:1.8;display:block}.footer h4{margin-bottom:15px}.socials{gap:16px;margin-top:20px;display:flex}@media (max-width:992px){.desktop-nav,.nav-btn{display:none!important}.menu-btn{display:block}.navbar-scrolled{width:90%}.footer{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.navbar{height:76px;padding:0 5%}.navbar-scrolled{width:92%;height:68px;padding:0 20px;top:14px}.brand h2{font-size:18px}.navbar-scrolled .brand h2{font-size:15px}.brand img{width:48px;height:48px}.navbar-scrolled .brand img{width:42px;height:42px}.mobile-sidebar{width:88%;padding:24px}.footer{grid-template-columns:1fr}}
.footer-modern{color:#fff;background:#050505;padding:70px 7% 35px;position:relative;overflow:hidden}.footer-hero{text-align:center;padding-bottom:70px;position:relative}.footer-hero h2{letter-spacing:-3px;font-size:clamp(42px,6vw,82px);font-weight:900;line-height:.95}.footer-hero p{color:#777;max-width:520px;margin:18px auto 20px}.footer-start-btn{color:#050505;text-transform:uppercase;background:#fff;border-radius:4px;padding:12px 22px;font-size:12px;font-weight:900;display:inline-flex}.footer-symbol{filter:blur(.2px);width:260px;height:230px;margin:45px auto 0;position:relative}.footer-symbol span{background:linear-gradient(135deg,#fff,#777);border-radius:0 0 80px;width:180px;height:180px;margin:auto;display:block;transform:rotate(45deg);box-shadow:0 30px 80px #ffffff38}.footer-social-row{border:1px solid #ffffff14;border-left:none;border-right:none;grid-template-columns:repeat(4,1fr);display:grid}.footer-social-row a{color:#fff;border-right:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.footer-social-row a:last-child{border-right:none}.footer-main-grid{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);padding:50px 0;display:grid}.footer-main-grid h4{color:#555;margin-bottom:18px;font-size:12px;font-weight:900}.footer-main-grid a{color:#d6d6d6;margin-bottom:12px;font-size:14px;transition:all .3s;display:block}.footer-main-grid a:hover{color:#fff;transform:translate(4px)}.footer-bottom-modern{grid-template-columns:1fr 1fr;align-items:end;gap:50px;padding-top:42px;display:grid}.footer-brand-modern h3{align-items:center;gap:10px;margin-bottom:18px;font-size:28px;display:flex}.footer-brand-modern p{color:#888;max-width:420px;margin-bottom:20px;line-height:1.8}.footer-brand-modern span{color:#777;font-size:13px}.footer-newsletter{justify-content:flex-end;gap:10px;display:flex}.footer-newsletter input{color:#050505;background:#fff;border:none;outline:none;width:330px;height:42px;padding:0 16px;font-size:13px;font-weight:700}.footer-newsletter button{color:#050505;background:#fff;border:none;height:42px;padding:0 20px;font-size:12px;font-weight:900}@media (max-width:992px){.footer-social-row,.footer-main-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom-modern{grid-template-columns:1fr}.footer-newsletter{justify-content:flex-start}}@media (max-width:768px){.footer-modern{padding:55px 6% 30px}.footer-symbol{width:180px;height:160px}.footer-symbol span{width:120px;height:120px}.footer-social-row,.footer-main-grid{grid-template-columns:1fr}.footer-social-row a{border-bottom:1px solid #ffffff14;border-right:none}.footer-newsletter{flex-direction:column}.footer-newsletter input,.footer-newsletter button{width:100%}}.footer-logo-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}.footer-logo-img{-o-object-fit:contain;object-fit:contain;background:#ffffff14;border-radius:14px;width:52px;height:52px;padding:6px}.footer-newsletter h4{margin-bottom:18px;font-size:18px}