:root{--primary-color: #2d3748;--card-bg: white;--card-border-radius: 8px;--text-color-dark: #2d3748;--text-color-light: #4a5568;--border-color: #e2e8f0;--bg-color: #fafaf9}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);min-height:100vh}*{box-sizing:border-box}.app{min-height:100vh;padding:40px 20px}.header{text-align:center;color:var(--text-color-dark);margin-bottom:48px}.header h1{font-size:48px;margin:0 0 16px;font-weight:700}.subtitle{font-size:18px;margin:0 0 24px;color:var(--text-color-light)}.badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.main{max-width:1200px;margin:0 auto}.section{margin-bottom:48px}.section h2{color:var(--text-color-dark);font-size:28px;margin:0 0 24px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.footer{text-align:center;color:var(--text-color-light);padding:40px 20px;margin-top:48px;border-top:1px solid var(--border-color)}.footer p{margin:8px 0;font-size:14px}@media(max-width:768px){.header h1{font-size:32px}.subtitle{font-size:16px}.section h2{font-size:24px}.grid{grid-template-columns:1fr}}