body{background:radial-gradient(circle at 82% 8%,#2878ff21,transparent 26%),var(--n)}.site-header{padding-top:12px}.site-header .nav{height:68px;padding:0 10px 0 14px;border:1px solid transparent;border-radius:20px;transition:.35s}.site-header.scrolled{background:transparent;border:0;backdrop-filter:none}.site-header.scrolled .nav{background:linear-gradient(135deg,#122235c9,#07111fa8);border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff1f,0 16px 45px #00071247;backdrop-filter:blur(26px) saturate(145%)}.nav-cta{border-radius:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0b);box-shadow:inset 0 1px 0 #ffffff1f;transition:.25s}.nav-cta:hover{border-color:#62c8ff73;background:#2878ff2e;transform:translateY(-1px)}.hero:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-250px;top:80px;background:#4085ff26;filter:blur(110px);pointer-events:none}.hero-grid{z-index:1}.hero-media{border:1px solid #ffffff2e;box-shadow:inset 0 1px 0 #ffffff29,0 38px 90px #0007135c}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff29,transparent 24%,transparent 72%,#56adff1a);pointer-events:none}.tech-tag{border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff1f,0 12px 30px #00071238;border-radius:11px}.tech-tag.top{right:18px}.tech-tag.bottom{left:18px}.media-note{border-radius:18px;background:linear-gradient(135deg,#122235cc,#07111fa1);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff24,0 18px 50px #00071245;backdrop-filter:blur(28px) saturate(150%)}.button{border-radius:13px;transition:.25s}.button.primary{background:linear-gradient(135deg,#3787ff,#1765ee);box-shadow:inset 0 1px 0 #ffffff47,0 14px 34px #155ee740}.button.primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff52,0 19px 42px #155ee757}.button.ghost{background:#ffffff09;backdrop-filter:blur(12px)}
.services{background:radial-gradient(circle at 8% 10%,#fffffff2,transparent 30%),linear-gradient(145deg,#f2f6fa,#e8edf3)}.service-list{display:grid;gap:12px}.service{border:1px solid #ffffffd1!important;border-radius:22px;padding:34px 28px;background:linear-gradient(135deg,#ffffffbd,#ffffff70);box-shadow:inset 0 1px 0 #fff,0 18px 48px #182e4a12;backdrop-filter:blur(18px);overflow:hidden}.service:hover{padding-left:36px;background:#ffffffd1;box-shadow:inset 0 1px 0 #fff,0 25px 58px #182e4a1f;transform:translateY(-3px)}.service-icon{border-radius:14px;background:linear-gradient(145deg,#ffffffe6,#dfe9f5b3);border-color:#fffffff2;box-shadow:inset 0 1px 0 #fff,0 8px 20px #23538a1a}.project{position:relative;background:radial-gradient(circle at 10% 85%,#2878ff2e,transparent 28%),var(--n2)}.project-image{border-radius:30px;overflow:hidden;border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff1f,0 34px 80px #00071252}.project-copy ul{display:grid;gap:8px;border:0}.project-copy li{border:1px solid #ffffff1a;border-radius:14px;padding:17px 18px;background:linear-gradient(135deg,#ffffff11,#ffffff06);box-shadow:inset 0 1px 0 #ffffff12;backdrop-filter:blur(14px)}.about{position:relative;background:radial-gradient(circle at 80% 20%,#7cceff61,transparent 28%),linear-gradient(135deg,#2878ff,#1d64df);overflow:hidden}.about:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-130px;bottom:-230px;border:1px solid #ffffff2e;box-shadow:inset 0 0 90px #ffffff1a;background:#ffffff09;backdrop-filter:blur(15px)}.about-grid{position:relative;z-index:1}.contact{background:radial-gradient(circle at 88% 20%,#2878ff1f,transparent 26%),linear-gradient(145deg,#f3f6fa,#e7edf3)}.contact-card{border-radius:32px;background:radial-gradient(circle at 82% 18%,#2878ff33,transparent 34%),linear-gradient(145deg,#0c1c2ffa,#050e1bfa);border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff21,0 38px 85px #162a4233}.contact-link{padding:16px 18px;border:1px solid #ffffff21;border-radius:16px;background:linear-gradient(135deg,#ffffff17,#ffffff09);box-shadow:inset 0 1px 0 #ffffff1a;backdrop-filter:blur(16px);transition:.25s}.contact-link:hover{background:#2878ff2e;border-color:#62c8ff5c;transform:translateY(-2px)}@media(max-width:850px){.site-header{padding-top:8px}.site-header .nav{height:62px}.nav-links.open{inset:78px 16px auto;border-radius:20px;background:#07111feb;border:1px solid var(--l);backdrop-filter:blur(25px)}.service,.service:hover{padding:26px 18px}.contact-card{border-radius:24px}}