:root{--bg-primary: #000000;--bg-card: #0A0A0A;--bg-hover: #1A1A1A;--bg-active: #222222;--text-primary: #FFFFFF;--text-secondary: #AAAAAA;--text-muted: #666666;--border-color: #333333;--border-light: #444444;--accent-color: #FFFFFF;--shadow-card: none}:root.light{--bg-primary: #F5F5F7;--bg-card: #FFFFFF;--bg-hover: #F0F0F0;--bg-active: #E5E5E5;--text-primary: #111111;--text-secondary: #555555;--text-muted: #888888;--border-color: #E0E0E0;--border-light: #CCCCCC;--accent-color: #000000;--shadow-card: 0 1px 3px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul{list-style:none}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:border-color .2s ease,background-color .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-card)}.card:hover{border-color:var(--border-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-secondary{color:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}