:root{--electric-violet: oklch(53.18% .28 296.97);--vivid-pink: oklch(69.02% .277 332.77);--orange-red: oklch(63.32% .24 31.68);--red-to-pink-to-purple-vertical-gradient: linear-gradient( 180deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--bg-color: #ffffff;--text-color: #333333;--sidebar-border: #e9ecef;--hover-bg: #e2e8f0}:root.dark{--bg-color: #0f172a;--text-color: #f8fafc;--sidebar-border: #334155;--hover-bg: #334155}body{margin:0;font-family:Roboto,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.text-gradient-primary{background:var(--red-to-pink-to-purple-vertical-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.page-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.page-title{font-size:3rem;margin-bottom:0}.card{background:var(--bg-color);border:1px solid var(--sidebar-border);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.card h2{margin-top:0;color:var(--text-color)}.card p{color:var(--text-color);opacity:.8;line-height:1.6}