:root{--color-background: #121212;--color-background-secondary: #1e1e1e;--color-text-primary: #f5f5f5;--color-text-secondary: #b3b3b3;--color-accent: #00e5ff;--color-accent-hover: #33eaff;--color-success: #4caf50;--color-error: #f44336;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--font-size-xxl: 2.5rem;--font-size-hero: clamp(2.5rem, 8vw, 3.5rem);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease}html,body{height:100%;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button,.button{font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;background:none;padding:0}input,textarea,select{font-family:Inter,sans-serif}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-lg)}}