:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-code:"JetBrains Mono", monospace;--bg-dark:#07090e;--bg-surface:#0e131f;--bg-surface-elevated:#141b2d;--border-color:#ffffff14;--border-color-hover:#fff3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--brand-accent:#6366f1;--brand-accent-glow:#6366f159;--brand-gradient:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);--glass-bg:#0e131fa6;--glass-border:#ffffff14;--glass-blur:blur(16px);--radius-sm:8px;--radius-md:14px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.16,1,.3,1);--transition-smooth:.4s cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-dark)}body{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button{font:inherit}.header-nav{z-index:1000;width:100%;transition:padding var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);padding:20px 0;position:fixed;top:0;left:0}.header-nav.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#07090ed1;padding:12px 0;box-shadow:0 10px 30px #00000073}.nav-container{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand-logo,.brand-button,.footer-brand-button{letter-spacing:-.03em;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:1.35rem;font-weight:800;display:flex}.brand-logo span{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.desktop-nav-wrap{align-items:center;gap:30px;margin-left:auto;display:flex}.nav-menu{align-items:center;gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:var(--brand-gradient);width:0;height:2px;transition:width var(--transition-fast);border-radius:999px;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{align-items:center;gap:16px;display:flex}.dark-white-toggle-btn{border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.dark-white-toggle-btn:hover{border-color:var(--border-color-hover);background:#ffffff21;transform:translateY(-2px)}.btn-premium{border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-align:center;border:0;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary-gradient{background:var(--brand-gradient);color:#fff;box-shadow:0 10px 25px -5px var(--brand-accent-glow)}.btn-primary-gradient:hover{color:#fff;transform:translateY(-2px);box-shadow:0 15px 35px -5px #6366f180}.header-hire{padding:10px 20px;font-size:.85rem}.mobile-header-actions{align-items:center;gap:10px;display:none}.mobile-toggle{cursor:pointer;z-index:1003;background:0 0;border:0;width:42px;height:42px;padding:0;display:none;position:relative}.mobile-toggle span{background:var(--text-primary);width:24px;height:2px;transition:transform var(--transition-fast),opacity var(--transition-fast);margin:5px auto;display:block}.mobile-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-toggle.is-open span:nth-child(2){opacity:0}.mobile-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-panel{display:none}.site-footer{border-top:1px solid var(--border-color);background:#040609;margin-top:100px;padding:80px 0 30px}.footer-description{color:var(--text-secondary);max-width:320px;font-size:.9rem;line-height:1.65}.footer-heading{color:var(--text-primary);margin-bottom:20px;font-size:1rem;font-weight:700}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a,.footer-links button{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:.9rem}.footer-links a:hover,.footer-links button:hover{color:var(--brand-accent)}.footer-muted{color:var(--text-muted);font-size:.9rem}.footer-bottom{color:var(--text-muted);border-top:1px solid #ffffff0d;margin-top:60px;padding-top:30px;font-size:.85rem}.back-to-top{background:var(--glass-bg);width:48px;height:48px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--transition-smooth),visibility var(--transition-smooth),transform var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);z-index:999;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(6px);box-shadow:0 10px 25px #0000004d}.back-to-top.visible,.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{border-color:var(--brand-accent);color:var(--brand-accent);transform:translateY(-4px)}.react-page{min-height:50vh}body.light-mode{--bg-dark:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--border-color:#0f172a1f;--border-color-hover:#6366f166;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--glass-bg:#fff;--glass-border:#0f172a1a}body.light-mode .header-nav.scrolled{background:#f8fafce0;border-bottom-color:#0f172a1a;box-shadow:0 10px 30px #00000014}body.light-mode .dark-white-toggle-btn{color:#0f172a;background:#fff;border-color:#0f172a26;box-shadow:0 4px 15px #0000000d}body.light-mode .dark-white-toggle-btn:hover{background:var(--brand-accent);color:#fff}body.light-mode .site-footer{background:#f1f5f9;border-top-color:#0f172a14}body.light-mode .back-to-top{color:#0f172a;background:#fff;border-color:#0f172a26;box-shadow:0 10px 25px #00000014}@media (max-width:991px){.desktop-nav-wrap{display:none}.mobile-header-actions{display:flex}.mobile-toggle{display:block}.header-nav{padding:14px 0}.header-nav.scrolled{padding:10px 0}.mobile-panel{z-index:1001;-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity var(--transition-smooth),visibility var(--transition-smooth),transform var(--transition-smooth);background:#07090ef5;padding:96px 24px 32px;display:block;position:fixed;top:0;bottom:0;left:0;right:0;transform:translateY(-12px)}.mobile-panel.active{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-menu{border:1px solid var(--border-color);background:#0e131fb8;border-radius:24px;flex-direction:column;gap:6px;max-width:520px;margin:0 auto;padding:18px;display:flex;box-shadow:0 25px 60px #0006}.mobile-nav-link{color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:0;border-radius:12px;padding:15px 16px;font-size:1.05rem;font-weight:600}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--text-primary);background:#6366f11a}.mobile-nav-link.active{box-shadow:inset 2px 0 var(--brand-accent)}.mobile-hire{width:100%;margin-top:8px;padding:13px 20px}body.light-mode .mobile-panel{background:#f8fafcf5}body.light-mode .mobile-nav-menu{background:#ffffffe0;border-color:#0f172a1a}}@media (max-width:575px){.nav-container{padding-left:18px;padding-right:18px}.brand-logo{font-size:1.12rem}.dark-white-toggle-btn{width:40px;height:40px}.mobile-toggle{width:40px}.back-to-top{width:46px;height:46px;bottom:18px;right:18px}.site-footer{padding-top:60px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}