body { font-family: 'Helvetica Neue', Arial, sans-serif; 
    background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(カオス昇進背景.png);
    background-color: #f4f4f9; 
    color: #333; 
    line-height: 1.6;
    padding: 20px; }
header { text-align: center; margin-bottom: 30px; }
.card-container { display: flex; gap: 20px; justify-content: center; }
.card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); width: 300px; }
.edgy { border-top: 5px solid #ff4757; }
.earnest { border-top: 5px solid #2ed573; }
button { display: block; margin: 30px auto; padding: 15px 30px; background: #57606f; color: white; border: none; cursor: pointer; border-radius: 5px; }
button:hover { background: #2f3542; }