*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f5f5f5;color:#333}html,body{height:100%;background:#1a1a1a;color:#e0e0e0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-primary{background-color:#1f88e5;color:#fff}.btn-primary:hover{background-color:#1970c9}.btn-secondary{background-color:#666;color:#fff}.btn-secondary:hover{background-color:#555}.card{background:#2a2a2a;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000004d;margin-bottom:20px}