:root{--color-bg-1: #0b1220;--color-bg-2: #101a3a;--color-primary: #8b5cf6;--color-primary-2: #22d3ee;--color-accent: #f59e0b;--color-surface: rgba(255, 255, 255, .06);--color-surface-strong: rgba(255, 255, 255, .12);--color-border: rgba(255, 255, 255, .14);--text-primary: #e6e9f2;--text-muted: #a0a8c0;--text-on-light: #0f1225;--header-height: 88px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}html,body{display:flex;padding:0;margin:0;min-height:100dvh;min-width:100%;width:100%;overflow-x:hidden;background:radial-gradient(1200px 600px at 10% 10%,rgba(139,92,246,.24),transparent 50%),radial-gradient(900px 500px at 90% 20%,rgba(34,211,238,.18),transparent 55%),linear-gradient(120deg,var(--color-bg-1),var(--color-bg-2));background-size:200% 200%;animation:gradientShift 18s ease infinite;flex-direction:column;color:var(--text-primary)}.app-header{position:sticky;top:0;width:100%}.app-header>*{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;margin:0 auto;gap:16px}.app-header{display:flex;align-items:center;height:72px;padding:8px 18px;background:#0f122559;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000}.app-header-nav{display:flex;align-items:center;gap:16px;margin-left:16px}.app-header-nav a{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:14px}.app-header-nav a:hover{color:var(--text-primary)}.app-header-cta{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-2));color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #8b5cf659}body,button,input,textarea,select,option{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-header>*{max-width:100%}}@media (min-width: 769px){.desktop-only{display:flex!important}.mobile-only{display:none!important}}
