:root{
  --bg:#08111f;
  --bg-2:#0f172a;
  --panel:rgba(255,255,255,.08);
  --panel-2:rgba(255,255,255,.12);
  --text:#eef6ff;
  --muted:#a9b8cf;
  --line:rgba(255,255,255,.16);
  --primary:#38bdf8;
  --secondary:#a78bfa;
  --accent:#22c55e;
  --warning:#f97316;
  --pink:#ec4899;
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:radial-gradient(circle at top left,#12345a 0,#08111f 30%,#050816 100%);
  min-height:100vh;
  overflow-x:hidden;
}
body.light{
  --bg:#f6fbff;--bg-2:#ffffff;--panel:rgba(255,255,255,.75);--panel-2:rgba(255,255,255,.95);--text:#0f172a;--muted:#475569;--line:rgba(15,23,42,.13);--shadow:0 24px 80px rgba(37,99,235,.18);
  background:linear-gradient(135deg,#eef9ff,#f7f0ff 45%,#efffed);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
#network-bg{position:fixed;inset:0;z-index:-3;opacity:.65}
.site-glow{position:fixed;z-index:-2;width:420px;height:420px;border-radius:999px;filter:blur(70px);opacity:.35;pointer-events:none}
.glow-one{background:#38bdf8;top:5%;left:-140px}.glow-two{background:#8b5cf6;right:-130px;bottom:5%}
.site-header{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;
  max-width:calc(var(--max) + 56px);margin:0 auto;padding:18px 28px;
  backdrop-filter:blur(20px);background:rgba(8,17,31,.7);border-bottom:1px solid var(--line)
}
.light .site-header{background:rgba(255,255,255,.72)}
.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand img{width:50px;height:50px}.brand strong{display:block;font-size:1.02rem;letter-spacing:.02em}.brand small{color:var(--muted);font-size:.78rem}
.main-nav{display:flex;align-items:center;gap:6px}.nav-link{padding:10px 13px;border-radius:999px;color:var(--muted);transition:.25s ease}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--panel)}
.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);width:42px;height:42px;border-radius:50%;cursor:pointer;transition:.25s}.theme-toggle:hover{transform:rotate(18deg) scale(1.07)}
.nav-toggle{display:none;background:transparent;border:0;cursor:pointer}.nav-toggle span{display:block;width:27px;height:2px;background:var(--text);margin:6px;border-radius:2px;transition:.25s}
.section-pad{max-width:var(--max);margin:0 auto;padding:84px 24px}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:calc(100vh - 86px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.eyebrow span{width:34px;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));display:inline-block}
h1{font-size:clamp(2.4rem,6vw,5.6rem);line-height:.95;margin:18px 0 18px;letter-spacing:-.06em}h1 em{font-style:normal;background:linear-gradient(90deg,#38bdf8,#a78bfa,#22c55e,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(1.65rem,3vw,3.2rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 16px}h3{margin:0 0 10px;font-size:1.16rem}p{color:var(--muted);line-height:1.7}.hero-text{font-size:1.1rem;max-width:720px}.type-line{margin:22px 0;color:var(--muted);font-weight:700}.type-line span{color:var(--primary)}
.hero-actions,.profile-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--line);font-weight:800;transition:.25s ease;position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.btn.primary{background:linear-gradient(135deg,#38bdf8,#8b5cf6 55%,#22c55e);color:white;border:0}.btn.secondary{background:var(--panel-2);color:var(--text)}.btn.ghost{background:transparent;color:var(--muted)}
.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;max-width:620px}.quick-stats div,.glass-panel,.feature-card,.project-card,.pricing-grid article,.contact-card,.contact-form,.timeline-item,.tab-panel,.showcase-banner{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.quick-stats div{padding:18px}.quick-stats strong{font-size:2rem;display:block}.quick-stats strong:after{content:'+';font-size:1.1rem}.quick-stats span{color:var(--muted);font-size:.9rem}.hero-visual{position:relative}.hero-visual img{filter:drop-shadow(0 34px 80px rgba(0,0,0,.35));animation:float 6s ease-in-out infinite}.floating-card{position:absolute;background:var(--panel-2);border:1px solid var(--line);padding:13px 16px;border-radius:18px;font-weight:800;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.card-a{top:15%;left:4%;animation:float 5s ease-in-out infinite}.card-b{right:0;top:32%;animation:float 5.8s ease-in-out infinite}.card-c{bottom:14%;left:20%;animation:float 6.2s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
.section-title{max-width:800px;margin-bottom:30px}.section-title span,.tag,.project-type{display:inline-block;color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin-bottom:12px}.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.feature-card{padding:28px;min-height:260px;position:relative;overflow:hidden}.feature-card:before,.project-card:before{content:"";position:absolute;inset:auto -60px -90px auto;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.12)}.feature-card .icon{font-size:2.2rem;margin-bottom:16px}.gradient-blue{background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(255,255,255,.06))}.gradient-purple{background:linear-gradient(135deg,rgba(167,139,250,.25),rgba(255,255,255,.06))}.gradient-green{background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(255,255,255,.06))}.showcase-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px;background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(167,139,250,.2),rgba(34,197,94,.14))}.showcase-banner h2{max-width:780px}
.page-hero{padding-bottom:30px}.page-hero h1{font-size:clamp(2.1rem,5vw,4.9rem);max-width:980px}.page-hero p{max-width:760px;font-size:1.08rem}.about-layout,.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:start}.glass-panel{padding:32px}.timeline{display:grid;gap:16px}.timeline-item{padding:24px;border-left:4px solid var(--primary)}.timeline-item span{color:var(--accent);font-weight:900}.skill-cloud,.project-filter,.service-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}.chip,.tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:800;transition:.25s}.chip:hover,.chip.active,.tab:hover,.tab.active{background:linear-gradient(135deg,#38bdf8,#8b5cf6);color:white;border-color:transparent}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skills-grid span{padding:12px 15px;background:var(--panel);border:1px solid var(--line);border-radius:15px;color:var(--text);transition:.25s}.skills-grid span.hide{opacity:.08;transform:scale(.9)}
.service-tabs{justify-content:center}.tab-panels{position:relative}.tab-panel{display:none;padding:32px;min-height:340px}.tab-panel.active{display:block;animation:fadeUp .35s ease}.check-list{margin:22px 0 0;padding:0;display:grid;gap:12px}.check-list li{list-style:none;color:var(--muted);padding-left:32px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(34,197,94,.18);color:var(--accent);font-size:.8rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-grid article{padding:26px}.pricing-grid strong{display:inline-block;margin-top:12px;color:var(--primary)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{padding:26px;min-height:330px;position:relative;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-7px)}.project-card.hot{background:linear-gradient(135deg,rgba(236,72,153,.2),rgba(56,189,248,.14),rgba(255,255,255,.06))}.project-card.hide{display:none}.tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tech-pills span{font-size:.78rem;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid var(--line);color:var(--muted)}
.tech-map{height:560px;position:relative;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at center,rgba(56,189,248,.18),transparent 40%),var(--panel);overflow:hidden}.tech-map:before,.tech-map:after{content:"";position:absolute;inset:14%;border:1px dashed var(--line);border-radius:50%;animation:spin 30s linear infinite}.tech-map:after{inset:26%;animation-direction:reverse}.tech-node{position:absolute;padding:14px 18px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-weight:900;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.tech-node.center{left:50%;top:50%;transform:translate(-50%,-50%);padding:24px 30px;background:linear-gradient(135deg,#38bdf8,#8b5cf6,#22c55e);color:white}.n1{left:12%;top:15%}.n2{right:14%;top:14%}.n3{left:8%;top:48%}.n4{right:10%;top:48%}.n5{left:26%;bottom:13%}.n6{right:30%;bottom:12%}.n7{left:44%;top:9%}.n8{left:46%;bottom:8%}@keyframes spin{to{transform:rotate(360deg)}}.accordion{display:grid;gap:12px}.accordion-head{width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:20px 22px;border-radius:18px;display:flex;justify-content:space-between;font-weight:900;cursor:pointer}.accordion-body{display:none;padding:0 22px 18px}.accordion-item-open+.accordion-body,.accordion-body.open{display:block;animation:fadeUp .28s ease}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-card{padding:22px;transition:.25s}.contact-card:hover{transform:translateY(-5px)}.contact-card span{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#38bdf8,#8b5cf6);display:grid;place-items:center;font-weight:900;margin-bottom:14px}.contact-card strong{display:block;font-size:1.12rem}.contact-card p{margin:.35rem 0 0;word-break:break-word}.contact-form{padding:30px}.contact-form label{display:grid;gap:8px;margin:16px 0;color:var(--muted);font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:16px;padding:14px 15px;outline:none;transition:.2s}.light .contact-form input,.light .contact-form select,.light .contact-form textarea{background:white}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(56,189,248,.12)}.form-note{font-size:.88rem}
.site-footer{max-width:calc(var(--max) + 56px);margin:60px auto 0;padding:30px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.footer-links a{padding:8px 12px;border:1px solid var(--line);border-radius:999px}.footer-links a:hover{background:var(--panel);color:var(--text)}.back-to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#8b5cf6);display:grid;place-items:center;font-weight:900;color:white;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow)}.back-to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(22px);transition:.75s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.14s}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.hero,.about-layout,.contact-layout{grid-template-columns:1fr}.hero{padding-top:44px}.grid.three,.project-grid,.pricing-grid{grid-template-columns:1fr 1fr}.showcase-banner{align-items:flex-start;flex-direction:column}.contact-cards{grid-template-columns:1fr 1fr}.site-header{padding:14px 18px}.main-nav{position:fixed;top:78px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;background:rgba(8,17,31,.92);border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow)}.light .main-nav{background:rgba(255,255,255,.95)}.main-nav.open{display:flex}.nav-toggle{display:block}.nav-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}
@media(max-width:640px){.section-pad{padding:58px 18px}.brand{min-width:auto}.brand small{display:none}.quick-stats,.grid.three,.project-grid,.pricing-grid,.contact-cards{grid-template-columns:1fr}.hero-actions{align-items:stretch}.btn{width:100%}.floating-card{display:none}.site-footer{flex-direction:column}h1{letter-spacing:-.04em}.tech-map{height:650px}.tech-node{font-size:.85rem}.n1{left:5%}.n2{right:5%}.n3{left:5%;top:40%}.n4{right:5%;top:54%}.n5{left:8%;bottom:16%}.n6{right:8%;bottom:8%}.n7{left:36%;top:10%}.n8{left:36%;bottom:23%}}