/* Pay page: Simplier design overrides */
.pay-page {
    padding: 120px 24px 80px;
    max-width: 1280px;
    margin: 0 auto;
}

.pay-page .glass {
    background: var(--card-bg);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 24px;
    backdrop-filter: blur(20px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

.pay-page .step-item:not(:last-child)::after {
    background: rgba(255,255,255,0.15);
}

.pay-page .step-circle {
    background: rgba(255,255,255,0.1);
    border: 2px solid rgba(139, 92, 246, 0.5);
    color: #fff;
}

.pay-page .step-item.active .step-circle {
    background: linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));
    border-color: var(--neon-cyan);
    box-shadow: 0 0 24px rgba(6, 182, 212, 0.5);
}

.pay-page .step-item.completed .step-circle {
    background: var(--neon-lime);
    border-color: var(--neon-lime);
}

.pay-page .btn-primary {
    background: linear-gradient(135deg, var(--neon-orange), var(--neon-pink));
    color: #fff;
    border: none;
    border-radius: 60px;
    padding: 16px 32px;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.4);
}

.pay-page .btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 50px rgba(249, 115, 22, 0.5);
}

.pay-page input,
.pay-page select,
.pay-page textarea {
    background: rgba(255,255,255,0.05) !important;
    border: 2px solid rgba(255,255,255,0.15) !important;
    color: #fff !important;
    border-radius: 16px;
}

.pay-page input::placeholder,
.pay-page textarea::placeholder {
    color: rgba(255,255,255,0.4);
}

.pay-page input:focus,
.pay-page select:focus,
.pay-page textarea:focus {
    outline: none !important;
    border-color: var(--neon-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2) !important;
}

.pay-page label {
    color: rgba(255,255,255,0.9) !important;
}

.pay-page .custom-checkbox {
    border-color: rgba(255,255,255,0.4);
    background: rgba(255,255,255,0.05);
}

.pay-page .custom-checkbox:checked {
    background: var(--neon-purple);
    border-color: var(--neon-purple);
}

.pay-page .field-error {
    color: #F87171;
}

.pay-page .card-display {
    background: linear-gradient(135deg, var(--neon-purple), var(--neon-pink));
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.2);
}

.pay-page .text-gray-800,
.pay-page .text-gray-700 {
    color: rgba(255,255,255,0.9) !important;
}

.pay-page .text-gray-600 {
    color: rgba(255,255,255,0.65) !important;
}

.pay-page .border-gray-300 {
    border-color: rgba(255,255,255,0.15) !important;
}

.pay-page .bg-gray-700 {
    background: var(--neon-purple) !important;
}

.pay-page .text-green-600 {
    color: var(--neon-lime) !important;
}

.pay-page .bg-white {
    background: var(--card-bg) !important;
}

.pay-page h2,
.pay-page h3 {
    color: #fff !important;
}

.pay-page a {
    color: var(--neon-cyan);
}

.pay-page a:hover {
    text-decoration: underline;
}