:root{--bg-gradient-start:#080d1a;--bg-gradient-end:#121721;--header-gradient-start:rgba(0, 0, 0, 255);--header-gradient-end:#00000000;--accent-primary:#3CCFC0;--accent-secondary:#4a3971;--text-primary:#F8FAFC;--text-secondary:#CBD5E1;--text-muted:#64748B;--surface-dark:rgba(15, 23, 42, 0.7);--surface-darker:rgba(15, 23, 42, 0.9);--font-headers:'Outfit', sans-serif;--font-body:'Inter', sans-serif;--mobile-breakpoint:768px;--hamburger-size:28px;--menu-transition:0.3s ease;--min-touch-target:44px}body,html{font-family:var(--font-body);font-size:18px;line-height:1.7;color:var(--text-primary);background:linear-gradient(90deg,var(--bg-gradient-end),var(--bg-gradient-start),var(--bg-gradient-end));margin:0;padding:0;height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-headers);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.3;color:var(--text-primary)}h1{font-size:2.8em;font-weight:700}h2{font-size:2.2em}h3{font-size:1.8em}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--text-primary)}.btn{display:inline-block;background-color:var(--accent-primary);color:var(--bg-gradient-start);padding:8px 16px;border-radius:6px;font-weight:500;font-size:1rem;transition:all .2s ease;text-decoration:none;border:none;cursor:pointer;min-height:var(--min-touch-target)}.btn:hover{background-color:var(--accent-secondary);color:var(--text-primary);transform:translateY(-2px)}.btn i{margin-left:6px}.main-nav{background:var(--surface-darker);padding:1rem 0;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.main-nav .container{padding:0 20px;display:flex;justify-content:center;position:relative}.main-nav .nav-menu{list-style:none;margin:0;padding:0;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}.main-nav li{margin:0;padding:0;display:inline-block;margin-right:2rem}.main-nav a{color:var(--text-secondary);text-decoration:none;font-size:1.1rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;display:block}.main-nav a.active{color:var(--accent-primary);background:rgba(60,207,192,.1)}.main-nav a:hover{color:var(--accent-primary)}@media(max-width:var(--mobile-breakpoint)){.menu-toggle{display:block;background:0 0;border:none;cursor:pointer;padding:15px;z-index:1001;position:absolute;right:20px;top:3px;min-height:var(--min-touch-target);min-width:var(--min-touch-target)}.hamburger,.hamburger::before,.hamburger::after{content:'';display:block;background:var(--text-secondary);height:3px;width:var(--hamburger-size);border-radius:3px;transition:all var(--menu-transition)}.hamburger::before{transform:translateY(-8px)}.hamburger::after{transform:translateY(5px)}.menu-toggle.active .hamburger{background:0 0}.menu-toggle.active .hamburger::before{transform:translateY(0)rotate(45deg)}.menu-toggle.active .hamburger::after{transform:translateY(-3px)rotate(-45deg)}.main-nav .container{justify-content:flex-end}.nav-menu{position:fixed;top:0;right:-100%;width:75%;height:100vh;background:var(--surface-darker);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:70px;transition:right var(--menu-transition);box-shadow:-5px 0 15px rgba(0,0,0,.3);z-index:1000}.nav-menu.active{right:0}.main-nav li{margin:0;width:100%;border-bottom:1px solid rgba(255,255,255,5%)}.main-nav a{padding:18px 25px;font-size:1.2rem;display:block;width:100%;box-sizing:border-box;min-height:var(--min-touch-target)}.menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:999}.menu-overlay.active{display:block}}@media(min-width:calc(var(--mobile-breakpoint) + 1px)){.menu-toggle{display:none}.menu-overlay{display:none}}@media(max-width:var(--mobile-breakpoint)){body,html{font-size:16px}h1{font-size:2.5em}h2{font-size:1.8em}h3{font-size:1.6em}}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}.content{padding:2rem 0}@media(max-width:var(--mobile-breakpoint)){.container{width:100%;padding:0 15px}.content{padding:1.5rem 0}}@media(max-width:var(--mobile-breakpoint)){button,input[type=button],input[type=submit],.contact-icons a{min-height:var(--min-touch-target);min-width:var(--min-touch-target)}a:active,button:active,input:active{transform:scale(.98)}}