.form-container {
    background: #fffaf0; padding: 25px 20px; border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 0 10px rgba(184, 29, 59, 0.2);
    width: 90vw; max-width: 400px; /* Responsif untuk HP */
    border: 2px solid #ffd700; text-align: center; position: relative; z-index: 10;
}
.form-title { font-family: 'Dancing Script', cursive; font-size: 2.2em; color: #b81d3b; margin-top: 0; margin-bottom: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); line-height: 1.2; }
.form-subtitle { font-family: 'Lora', serif; font-size: 0.85em; color: #666; font-style: italic; margin-bottom: 20px; }
.form-group { margin-bottom: 15px; text-align: left; }
.form-group label { display: block; font-family: 'Lora', serif; font-size: 0.9em; color: #333; margin-bottom: 5px; font-weight: bold; }
/* Font size 16px mencegah auto-zoom di HP */
.form-group input { width: 100%; padding: 10px; border: 1px solid #d4c0b3; border-radius: 8px; font-family: 'Lora', serif; font-size: 16px; color: #4a1525; background: rgba(255,255,255,0.8); transition: all 0.3s; }
.form-group input:focus { outline: none; border-color: #b81d3b; box-shadow: 0 0 8px rgba(184, 29, 59, 0.3); }
.form-btn { background: linear-gradient(135deg, #b81d3b, #7a1025); color: #ffd700; font-family: 'Lora', serif; font-size: 1.1em; font-weight: bold; padding: 12px 30px; border: 2px solid #ffd700; border-radius: 25px; cursor: pointer; transition: all 0.3s; margin-top: 10px; width: 100%; }
.form-btn:hover { transform: scale(1.05); box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.error-msg { color: #b81d3b; font-size: 0.85em; font-style: italic; margin-top: 15px; display: none; animation: shake 0.5s; }
@keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 50% { transform: translateX(5px); } 75% { transform: translateX(-5px); } }