@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap");:root{--bg-color:#191724;--card-color:#262333;--text-color:#EAEAEA;--text-muted-color:#8b8898;--input-bg-color:#302d41;--border-color:#403c58;--accent-color-1:#8A2BE2;--accent-color-2:#C71585;--accent-color-3:#4169E1}[data-theme=light]{--bg-color:#F4F4F9;--card-color:#FFFFFF;--text-color:#121212;--text-muted-color:#555;--input-bg-color:#EFEFEF;--border-color:#DDDDDD}body,html{padding:0;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .4s ease,color .4s ease}*{box-sizing:border-box}main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100%;padding:0 1rem}@keyframes animated-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shine-effect{0%{transform:translateX(-100%) skewX(-25deg)}to{transform:translateX(250%) skewX(-25deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}