* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; background: #4a0080; color: #fff; }
header { background: #3d0066; padding: 1.5rem 2rem; text-align: center; }
.logo { height: 80px; margin-bottom: 1rem; }
nav { display: flex; justify-content: center; align-items: center; gap: 0; }
nav > a, nav > .dropdown > a { color: #fff; text-decoration: none; font-size: 1rem; padding: 0.75rem 1.5rem; line-height: 1; }
nav > a:hover, nav > .dropdown > a:hover { background: #5a0099; }
.dropdown { position: relative; display: flex; align-items: center; }
.dropdown-content { display: none; position: absolute; background: #3d0066; min-width: 180px; z-index: 100; top: 100%; left: 0; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
.dropdown:hover .dropdown-content { display: block; }
.dropdown-content a { display: block; padding: 0.5rem 1rem; font-size: 0.9rem; color: #fff; text-decoration: none; }
.dropdown-content a:hover { background: #5a0099; }
.page-header { background: linear-gradient(135deg, #4a0080 0%, #3d0066 100%); padding: 3rem 2rem; text-align: center; }
.page-header h1 { font-size: 2rem; }
.form-section { padding: 3rem 2rem; max-width: 600px; margin: 0 auto; }
.form-group { margin-bottom: 1.5rem; }
.form-group label { display: block; margin-bottom: 0.5rem; color: #e0b0ff; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 0.75rem; border: 1px solid #5a0099; border-radius: 6px; background: #2d004d; color: #fff; font-size: 1rem; }
.form-group textarea { min-height: 100px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.radio-group { display: flex; gap: 1.5rem; }
.radio-group label { display: flex; align-items: center; gap: 0.5rem; }
.submit-btn { background: #c047c2; color: #fff; border: none; padding: 1rem 2rem; border-radius: 6px; font-size: 1rem; font-weight: 600; cursor: pointer; width: 100%; }
.submit-btn:hover { background: #d060d2; }
footer { background: #2d004d; padding: 2rem; text-align: center; color: #b380cc; font-size: 0.9rem; }
footer .footer-logo { height: 60px; margin-bottom: 1rem; }
footer a { color: #c047c2; text-decoration: none; }
@media (max-width: 768px) {
    nav { flex-wrap: wrap; }
    .dropdown-content { position: static; box-shadow: none; }
    .form-row { grid-template-columns: 1fr; }
}
