* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 
}
body { 
    background: #0f172a; 
    color: #f8fafc; 
    padding: 15px; 
    padding-bottom: 60px; 
}
h2 { 
    font-size: 20px; 
    text-align: center; 
    margin-bottom: 15px; 
    color: #f5af19; 
    text-transform: uppercase; 
    letter-spacing: 1px;
}
.section { 
    background: #1e293b; 
    border-radius: 12px; 
    padding: 15px; 
    margin-bottom: 15px; 
    border: 1px solid #334155; 
}
.section-title { 
    font-size: 14px; 
    font-weight: 700; 
    color: #94a3b8; 
    text-transform: uppercase; 
    margin-bottom: 10px; 
    border-bottom: 1px solid #334155; 
    padding-bottom: 4px; 
}
.grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 10px; 
}
input, textarea { 
    width: 100%; 
    background: #0f172a; 
    border: 1px solid #475569; 
    color: #fff; 
    padding: 12px; 
    border-radius: 8px; 
    font-size: 15px; 
    margin-bottom: 10px; 
}
textarea { 
    resize: none; 
    height: 70px; 
}
button { 
    background: #2563eb; 
    color: white; 
    border: none; 
    padding: 14px; 
    border-radius: 8px; 
    font-size: 14px; 
    font-weight: 700; 
    text-transform: uppercase; 
    cursor: pointer; 
    -webkit-tap-highlight-color: transparent;
}
button:active { 
    background: #1d4ed8; 
    transform: scale(0.98); 
}
.btn-hide { 
    background: #dc2626; 
}
.btn-hide:active { 
    background: #b91c1c; 
}