body { 
    font-family: monospace; 
    background: #0f172a; 
    color: #fff; 
    padding: 20px; 
    max-width: 800px; 
    margin: auto; 
}

h1 { 
    color: #ff6b5b; 
    border-bottom: 1px solid #333; 
    padding-bottom: 10px; 
}

.warning { 
    background: #40201c; 
    color: #ff6b5b; 
    padding: 15px; 
    border-radius: 8px; 
    border: 1px solid #ff6b5b; 
    margin-bottom: 20px; 
    font-weight: bold; 
}

.card { 
    background: #1e293b; 
    padding: 15px; 
    border-radius: 8px; 
    margin-bottom: 15px; 
    border: 1px solid #334155; 
}

input, button { 
    padding: 8px; 
    border-radius: 4px; 
    border: 1px solid #475569; 
    background: #0f172a; 
    color: #fff; 
    margin-top: 5px; 
}

button { 
    background: #7ee2b8; 
    color: #0f172a; 
    font-weight: bold; 
    cursor: pointer; 
}

.result { 
    margin-top: 10px; 
    padding: 10px; 
    background: #000; 
    border-left: 3px solid #7ee2b8; 
    color: #7ee2b8; 
    white-space: pre-wrap; 
    word-break: break-all; 
}

a { 
    color: #5bc0eb; 
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}