* { box-sizing: border-box; margin: 0; padding: 0; }
body { 
    background: #0a0a0a; color: #00ff00; 
    font-family: 'Courier New', monospace; 
    padding: 20px; line-height: 1.6;
}
.container { max-width: 800px; margin: 0 auto; }
h1 { 
    border-bottom: 2px solid #00ff00; 
    padding-bottom: 10px; margin-bottom: 20px;
    text-shadow: 0 0 10px #00ff00;
}
.form-group { margin: 15px 0; }
label { display: block; margin-bottom: 5px; font-weight: bold; }
input, select, textarea { 
    width: 100%; padding: 10px; background: #1a1a1a; 
    border: 1px solid #00ff00; color: #00ff00; 
    font-family: 'Courier New', monospace; font-size: 14px;
}
input:focus, select:focus, textarea:focus { 
    outline: none; box-shadow: 0 0 10px #00ff00; 
}
button { 
    background: #00ff00; color: #000; padding: 12px 30px; 
    border: none; cursor: pointer; font-weight: bold; 
    margin: 10px 5px 0 0; font-family: 'Courier New', monospace;
    transition: all 0.3s;
}
button:hover { background: #00cc00; box-shadow: 0 0 15px #00ff00; }
.log { 
    background: #1a1a1a; padding: 15px; margin-top: 20px; 
    border: 1px solid #00ff00; max-height: 400px; overflow-y: auto;
    font-size: 13px;
}
.success { color: #00ff00; }
.error { color: #ff0000; }
.info { color: #00ffff; }