:root{--primary-color: #4f6ef7;--primary-hover: #3b5ce4;--bg-color: #f5f7fa;--text-color: #1f2937;--text-secondary: #6b7280;--card-bg: #ffffff;--border-color: #e5e7eb;--success-color: #10b981;--warning-color: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--bg-color);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--primary-hover)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-bg);color:var(--text-color);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--primary-color)}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:2rem}