html,body,#root{margin:0;width:100%;min-height:100%;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f5f5f5;color:#333}.container{max-width:1200px;margin:0 auto;padding:2rem}.container>h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#2c3e50;text-align:center}.container>p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;text-align:center;color:#666}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.card h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.card p{font-size:1rem;color:#666;margin-bottom:1.5rem;text-align:left}.button{display:inline-block;padding:.75rem 1.5rem;background-color:#3498db;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .2s;border:none;cursor:pointer;font-size:1rem}.button:hover{background-color:#2980b9}.button.secondary{background-color:#95a5a6}.button.secondary:hover{background-color:#7f8c8d}