:root{--bg-page: linear-gradient(180deg, #020314 0%, #03040d 100%);--bg-main: #03040d;--bg-section: rgba(10, 15, 50, .82);--bg-card: rgba(8, 13, 40, .95);--bg-surface: rgba(15, 23, 55, .96);--global-background: radial-gradient(circle at top left, rgba(44, 59, 101, .9), rgba(5, 8, 24, .96) 38%, transparent 70%);--hero-bg: linear-gradient(135deg, rgba(9, 14, 39, .96), rgba(10, 17, 60, .92));--hero-overlay-1: rgba(96, 165, 250, .12);--hero-overlay-2: rgba(59, 130, 246, .08);--global-ripple-color: rgba(96, 165, 250, .28);--blob-a: rgba(37, 99, 235, .42);--blob-b: rgba(56, 189, 248, .32);--blob-c: rgba(96, 165, 250, .24);--blue: #60a5fa;--blue-soft: rgba(96, 165, 250, .14);--accent: #7dd3fc;--text-main: #e2e8f0;--text-muted: #cbd5e1;--border-light: rgba(148, 163, 184, .18);--shadow-soft: 0 24px 90px rgba(0, 0, 0, .35);--nav-bg: rgba(7, 12, 32, .92);--nav-border: rgba(96, 165, 250, .12);--panel-border: rgba(96, 165, 250, .16);--card-glow: rgba(96, 165, 250, .26);--btn-secondary-bg: rgba(255, 255, 255, .06);--btn-secondary-hover: rgba(255, 255, 255, .1)}[data-theme=light]{--bg-page: linear-gradient(180deg, #e8efff 0%, #f4f9ff 100%);--bg-main: #eff4ff;--bg-section: rgba(236, 244, 255, .88);--bg-card: rgba(255, 255, 255, .95);--bg-surface: rgba(247, 252, 255, .94);--global-background: radial-gradient(circle at top left, rgba(228, 236, 255, .95), rgba(247, 251, 255, .88) 44%, transparent 72%);--hero-bg: linear-gradient(135deg, rgba(244, 250, 255, .96), rgba(255, 255, 255, .94));--hero-overlay-1: rgba(96, 165, 250, .06);--hero-overlay-2: rgba(59, 130, 246, .05);--global-ripple-color: rgba(37, 99, 235, .14);--blob-a: rgba(37, 99, 235, .24);--blob-b: rgba(56, 189, 248, .2);--blob-c: rgba(96, 165, 250, .16);--blue: #2563eb;--blue-soft: #eff6ff;--accent: #2563eb;--text-main: #0f172a;--text-muted: #475569;--border-light: rgba(226, 232, 240, .84);--shadow-soft: 0 24px 72px rgba(15, 23, 42, .12);--nav-bg: rgba(255, 255, 255, .94);--nav-border: rgba(226, 232, 240, .8);--panel-border: rgba(226, 232, 240, .64);--card-glow: rgba(37, 99, 235, .18);--btn-secondary-bg: rgba(255, 255, 255, .88);--btn-secondary-hover: rgba(255, 255, 255, .98)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg-page);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden}.container{max-width:1200px;margin:auto;padding:0 20px}.page-shell{position:relative;z-index:1}.global-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--global-background);--cursor-x: 50%;--cursor-y: 50%;--cursor-x-pct: .5;--cursor-y-pct: .5;--cursor-opacity: 0}.global-background:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--cursor-x, 50%) var(--cursor-y, 50%),var(--global-ripple-color),transparent 18%);opacity:var(--cursor-opacity, 0);transition:opacity .22s ease,transform .35s ease;transform:translate3d(calc((var(--cursor-x-pct, .5) - .5) * 48px),calc((var(--cursor-y-pct, .5) - .5) * 48px),0);mix-blend-mode:screen;filter:blur(16px);z-index:1}.global-canvas{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.95}.global-ripple{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--global-ripple-x, 50%) var(--global-ripple-y, 50%),rgba(37,99,235,.18),transparent 34%);mix-blend-mode:screen;opacity:var(--global-ripple-opacity, 0);transition:opacity .28s ease}.global-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.8;pointer-events:none;transform:translateZ(0)}.global-blob.blob-a{width:320px;height:320px;top:5%;left:-6%;background:radial-gradient(circle at 30% 30%,var(--blob-a),transparent 55%)}.global-blob.blob-b{width:300px;height:300px;bottom:6%;left:14%;background:radial-gradient(circle at 50% 50%,var(--blob-b),transparent 56%)}.global-blob.blob-c{width:280px;height:280px;top:32%;right:-10%;background:radial-gradient(circle at 40% 40%,var(--blob-c),transparent 58%);animation-delay:2s}.global-background{animation:background-shift 18s ease-in-out infinite alternate}.global-blob{animation:blob-float 14s ease-in-out infinite alternate}@keyframes background-shift{0%{background-position:20% 15%}to{background-position:80% 85%}}@keyframes blob-float{0%{transform:translateZ(0) scale(1);opacity:.78}to{transform:translate3d(14px,-18px,0) scale(1.06);opacity:.92}}.hero-section{position:relative;overflow:hidden;background:var(--hero-bg);border:1px solid var(--panel-border)}.hero-section:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 25% 20%,var(--hero-overlay-1),transparent 20%),radial-gradient(circle at 80% 15%,var(--hero-overlay-2),transparent 18%);pointer-events:none;opacity:1}.hero-greeting{display:inline-flex;margin-bottom:20px;color:var(--blue);font-size:.95rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase}.hero-tagline{margin-top:18px;max-width:680px;color:var(--text-muted);font-size:1rem;line-height:1.8;opacity:.92}.particle-canvas{position:absolute;inset:0;width:100%;height:100%}.ripple-overlay{position:absolute;inset:0;opacity:0;transition:opacity .35s ease;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(37,99,235,.14),transparent 36%);mix-blend-mode:screen;pointer-events:none}.gradient-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.75;transform:translateZ(0);animation:blob-move 16s ease-in-out infinite alternate;pointer-events:none}.gradient-blob.blob-1{width:320px;height:320px;top:12%;left:-8%;background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.42),transparent 54%)}.gradient-blob.blob-2{width:260px;height:260px;bottom:4%;left:20%;background:radial-gradient(circle at 50% 50%,rgba(14,165,233,.34),transparent 60%);animation-duration:19s}.gradient-blob.blob-3{width:280px;height:280px;top:35%;right:-10%;background:radial-gradient(circle at 40% 45%,rgba(14,165,233,.24),transparent 58%);animation-duration:22s}@keyframes blob-move{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18px,-28px,0) scale(1.04)}}.magnetic{transition:transform .24s ease,box-shadow .24s ease;will-change:transform}.magnetic:hover{box-shadow:0 24px 65px #2563eb29}.tilt-card{transition:transform .35s ease,box-shadow .35s ease;will-change:transform,box-shadow}.tilt-card:hover{transform:translateY(-3px) rotateX(2deg) rotateY(-2deg);box-shadow:0 40px 90px #2563eb2e}.tilt-card:hover img{filter:drop-shadow(0 24px 60px rgba(37,99,235,.32))}@media(prefers-reduced-motion:reduce){.gradient-blob,.particle-canvas,.ripple-overlay,.magnetic,.tilt-card{animation:none!important;transition:none!important}}section{background:var(--bg-section);padding:100px 0;border-radius:30px;box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,184,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}h1,h2,h3{font-weight:700;color:var(--text-main);letter-spacing:-.03em}p{color:var(--text-muted)}a{color:var(--accent);text-decoration:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;padding:16px 34px;border-radius:14px;font-weight:700;transition:all .25s ease;box-shadow:0 24px 64px #3b82f647}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 26px 70px #60a5fa52}.btn-secondary{border:1px solid rgba(255,255,255,.12);padding:16px 34px;border-radius:14px;color:var(--text-main);background:#ffffff0f;transition:all .25s ease;box-shadow:0 12px 30px #00000038}.btn-secondary:hover{transform:translateY(-2px) scale(1.01);background:#ffffff1a}.card{background:var(--bg-card);border-radius:18px;padding:36px;box-shadow:var(--shadow-soft);border:1px solid var(--border-light);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover,.service-card:hover{transform:translateY(-8px);border-color:#60a5fa40;box-shadow:0 30px 70px #0f172a2e,0 0 48px var(--card-glow)}.reveal{opacity:1;transform:translateY(0);transition:all .6s ease}.reveal.animate{opacity:1;transform:translateY(0)}nav{background:#070c20eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(96,165,250,.12)}@media(max-width:900px){.hero-section,section{padding:60px 0;border-radius:26px}.hero-section{margin:24px 0}.hero-section .container,.service-detail-page .container{grid-template-columns:1fr!important;gap:32px!important}.global-blob.blob-a,.global-blob.blob-b,.global-blob.blob-c{width:220px;height:220px;filter:blur(70px)}}@media(max-width:640px){.container{padding:0 16px}section{padding:48px 0;border-radius:0}.hero-section{padding:40px 0}h1{font-size:2.4rem}.btn-primary,.btn-secondary{width:100%;text-align:center}.global-ripple{display:none}}nav a{color:var(--text-main);font-weight:500}nav a:hover{color:var(--blue)}