:root{--bg: #060712;--bg2: #0a0b1f;--panel: rgba(12, 14, 34, .62);--panel2: rgba(12, 14, 34, .42);--stroke: rgba(180, 190, 255, .18);--stroke2: rgba(180, 190, 255, .28);--text: rgba(244, 246, 255, .92);--muted: rgba(244, 246, 255, .68);--accent: #7c5dff;--accent2: #1fa7ff;--theme-accent: #ff6bff;--shadow: 0 18px 55px rgba(0, 0, 0, .55);--glow: 0 0 24px rgba(124, 93, 255, .35);--radius: 18px;--radius2: 26px;--max: 1100px;--headerH: 76px;--hero-bg: url(/assets/img/DefaultHero.png);--backend-bg: url(/assets/img/DefaultBackendBG.png);--frontend-bg: url(/assets/img/DefaultFrontendBG.png);--transition-speed: .2s;--transition-speed-slow: .4s;--animation-curve: cubic-bezier(.4, 0, .2, 1);--animation-curve-bounce: cubic-bezier(.68, -.55, .265, 1.55)}:root.theme-transitioning{transition:--accent .6s ease-in-out,--accent2 .6s ease-in-out,--theme-accent .6s ease-in-out,--glow .6s ease-in-out}:root.theme-transitioning *:not(.hero-bg):not(.service-bg){transition:border-color .6s ease-in-out,background-color .6s ease-in-out,box-shadow .6s ease-in-out,color .6s ease-in-out,outline-color .6s ease-in-out!important}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);overflow-x:hidden;min-width:320px;width:100%}h1,h2,h3{font-family:Orbitron,Inter,system-ui,sans-serif;letter-spacing:.02em;margin:0}a{color:inherit;text-decoration:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 8px;z-index:10000;font-weight:600}.skip-link:focus{top:0;outline:2px solid white;outline-offset:2px}.container{width:min(var(--max),100% - 48px);margin:0 auto}@media(max-width:480px){.container{width:calc(100% - 32px);margin:0 auto}}@media(max-width:360px){.container{width:calc(100% - 24px);margin:0 auto}}.glass{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--stroke2);background:#ffffff0f;color:var(--text);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent2) 40%,transparent);box-shadow:var(--glow);background:#ffffff17}.btn:focus{outline:2px solid color-mix(in srgb,var(--accent) 80%,transparent);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}.btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 80%,transparent);outline-offset:2px}.btn.primary{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 28%,transparent),color-mix(in srgb,var(--accent2) 18%,transparent));border-color:color-mix(in srgb,var(--accent) 55%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media(prefers-contrast:high){:root{--stroke: rgba(180, 190, 255, .35);--stroke2: rgba(180, 190, 255, .5);--text: rgba(244, 246, 255, 1)}}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--muted)}.section{padding:64px 0}@media(max-width:1024px){:root{--headerH: 70px}}@media(max-width:768px){.section{padding:52px 0}.container{width:min(var(--max),100% - 36px)}}@media(max-width:680px){.section{padding:48px 0}.container{width:min(var(--max),100% - 32px)}}@media(max-width:480px){:root{--headerH: 64px;--radius: 14px;--radius2: 20px}.section{padding:40px 0}.container{width:min(var(--max),100% - 24px)}.btn{height:40px;padding:0 16px;font-size:14px}}@media(max-width:360px){.section{padding:36px 0}.container{width:min(var(--max),100% - 20px)}}