*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%}:root{--primary-color: #335EA8;--primary-light: #747bff;--secondary-color: #42b883;--text-color: #333333;--text-light: #666666;--background-color: #ffffff;--card-background: #f9f9f9;--border-color: #e0e0e0}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color .25s ease}a:hover{color:var(--primary-light)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .25s ease}button:hover{background-color:var(--primary-light);transform:translateY(-2px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.card{padding:2em;border-radius:12px;background-color:var(--card-background);box-shadow:0 2px 8px #0000000d;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 12px #0000001a}@media (prefers-color-scheme: dark){:root{--text-color: rgba(255, 255, 255, .87);--text-light: rgba(255, 255, 255, .6);--background-color: #1a1a1a;--card-background: #242424;--border-color: #383838}}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.card{padding:1.5em}}.el-button:focus{outline:none}