.dxdel-hero {
    margin-top: -95px;
    height: 35vh;
    min-height: 220px;
    background-color: var(--primary-color, #78a240);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.dxdel-hero h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 20px;
}

@media (max-width: 1024px) {
    .dxdel-hero { height: 220px; }
    .dxdel-hero h2 { font-size: 30px; }
}

@media (max-width: 767px) {
    .dxdel-hero { height: 180px; min-height: 180px; }
    .dxdel-hero h2 { font-size: 24px; }
}

.dxdel-wrap {
    font-family: 'Inter', 'Kantumruy Pro', sans-serif;
    background: #f8fafc;
    min-height: 60vh;
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dxdel-wrap .animate-fade-in-up {
    animation: dxdel-fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.dxdel-wrap .animate-scale-in {
    animation: dxdel-scaleIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes dxdel-fadeInUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes dxdel-scaleIn {
    from { opacity: 0; transform: scale(0.92); }
    to { opacity: 1; transform: scale(1); }
}

.dxdel-wrap .custom-glass {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.dxdel-wrap .dxdel-alert {
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
}

.dxdel-wrap .dxdel-alert-error {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.dxdel-wrap input.dxdel-input-error,
.dxdel-wrap textarea.dxdel-input-error {
    border-color: #ef4444 !important;
}