.upload-page {
    background: #010922;
    color: #e1e6ff;
}

.upload-page .bg-pattern {
    background-image: url('Images/bg/Background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}

.upload-page .bg-pattern::before {
    opacity: 0.12;
}

.upload-page .page-title {
    color: #ffffff;
    text-shadow: 0 8px 24px rgba(32, 49, 168, 0.55);
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: currentColor;
}

.upload-page .page-subtitle {
    color: rgba(255, 255, 255, 0.8);
}

.upload-page .upload-card {
    background: rgba(3, 10, 45, 0.85);
    box-shadow: 0 30px 60px rgba(10, 25, 90, 0.55);
    border: 1px solid rgba(103, 130, 255, 0.35);
    backdrop-filter: blur(12px);
}

.upload-page .btn {
    border: 1px solid rgba(110, 155, 255, 0.35);
    background: linear-gradient(135deg, rgba(26, 45, 120, 0.95), rgba(64, 115, 255, 0.95));
    color: #ffffff;
    font-size: 16px;
    padding: 16px 28px;
    box-shadow: 0 20px 40px rgba(18, 42, 120, 0.35);
}

.upload-page .btn:hover:not(:disabled) {
    box-shadow: 0 26px 48px rgba(47, 72, 170, 0.45);
}

.upload-page .btn.primary {
    background: linear-gradient(135deg, #3a7eff, #5f9dff);
    border-color: rgba(111, 152, 255, 0.5);
}

.upload-page .btn.primary:hover:not(:disabled) {
    background: linear-gradient(135deg, #5f9dff, #7fb6ff);
}

.upload-page .btn-camera {
    background: linear-gradient(135deg, #1d6dff, #46f0ff);
    border-color: rgba(96, 185, 255, 0.65);
    box-shadow: 0 22px 44px rgba(20, 115, 255, 0.45);
}

.upload-page .btn-camera:hover:not(:disabled) {
    background: linear-gradient(135deg, #46f0ff, #6efeff);
}

.upload-page .btn-gallery {
    background: linear-gradient(135deg, #6b3dff, #a654ff);
    border-color: rgba(156, 126, 255, 0.6);
    box-shadow: 0 22px 44px rgba(102, 68, 255, 0.45);
}

.upload-page .btn-gallery:hover:not(:disabled) {
    background: linear-gradient(135deg, #8a5bff, #cc6cff);
}

.upload-page .btn-submit {
    min-width: 180px;
    background: linear-gradient(135deg, #6df5ff, #8b9dff);
    border-color: rgba(140, 185, 255, 0.65);
    box-shadow: 0 24px 48px rgba(80, 150, 255, 0.4);
    letter-spacing: 0.02em;
}

.upload-page .btn-submit:hover:not(:disabled) {
    background: linear-gradient(135deg, #8b9dff, #a8b7ff);
}