:root{--color-bg: #0a0a0a;--color-surface: #121212;--color-surface-glass: rgba(18, 18, 18, .8);--color-primary: #00f0ff;--color-primary-glow: rgba(0, 240, 255, .5);--color-secondary: #7000ff;--color-text: #ffffff;--color-text-muted: #a0a0a0;--font-header: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--spacing-container: 1280px;--transition-fast: .3s ease;--transition-smooth: .6s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:700;line-height:1.1;letter-spacing:-.02em}a{text-decoration:none;color:inherit}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 2rem}.text-gradient{background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-block;padding:1rem 2rem;background:var(--color-primary);color:var(--color-bg);font-weight:600;border:none;cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-header);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.btn:hover{background:#fff;box-shadow:0 0 20px var(--color-primary-glow);transform:translateY(-2px)}.glass-panel{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text);font-size:2rem;cursor:pointer;z-index:1001}.nav-links-container{display:flex;gap:2rem;align-items:center}@media(max-width:768px){.mobile-menu-btn{display:block}.nav-links-container{position:fixed;top:0;right:-100%;width:250px;height:100vh;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;justify-content:center;gap:3rem;transition:right .3s ease;border-left:1px solid rgba(255,255,255,.1);box-shadow:-10px 0 30px #00000080;z-index:1000}.nav-links-container.open{right:0}}