body {
            background: linear-gradient(-50deg, #6e8efb, #80008e);
            min-height: 100vh;
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .error-container {
            background: linear-gradient(145deg, rgba(18, 18, 18, 0.9), rgba(51, 51, 51, 0.9));
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 215, 0, 0.1);
            backdrop-filter: blur(10px);
            max-width: 500px;
            width: 100%;
            margin: 0 auto;
        }
        
        .error-code {
            font-size: clamp(5rem, 15vw, 8rem);
            font-weight: 800;
            color: #DAA520;
            text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
        }
        
        .logo-card {
            position: relative;
            color: #d4af37;
            text-align: center;
            padding: 30px;
        }
        
        .brand {
            font-size: clamp(2.5rem, 8vw, 5rem);
            font-weight: 600;
        }
        
        .slogan {
            font-size: clamp(0.8rem, 2.5vw, 1rem);
            letter-spacing: 0.3rem;
            text-transform: uppercase;
            color: #aaa;
        }
        
        .dot {
            position: absolute;
            top: 25px;
            right: 30px;
            width: 12px;
            height: 12px;
            background: linear-gradient(45deg, #DAA520, #FFD700);
            border-radius: 50%;
            box-shadow: 0 2px 8px rgba(218, 165, 32, 0.4);
        }
        
        .btn-gold {
            background: linear-gradient(45deg, #DAA520, #FFD700);
            color: #1a1a1a;
            border: none;
            font-weight: 600;
            box-shadow: 0 4px 15px rgba(218, 165, 32, 0.3);
            transition: all 0.3s ease;
        }


        .btn-confirm {
            background: linear-gradient(45deg, #1aee8b, #00ff80);
            color: #1a1a1a;
            border: none;
            font-weight: 600;
            box-shadow: 0 4px 15px rgba(218, 165, 32, 0.3);
            transition: all 0.3s ease;
        }

        .login{
             color: #d4af37;
             font-weight: 600;
        }
        
        .btn-gold:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(218, 165, 32, 0.4);
        }
        
        .btn-outline-gold {
            border: 2px solid #DAA520;
            color: #DAA520;
            transition: all 0.3s ease;
        }
        
        .btn-outline-gold:hover {
            background: rgba(218, 165, 32, 0.1);
            color: #FFD700;
        }

        @media (max-width: 576px) {
            .logo-card {
                padding: 20px !important;
            }
            .dot {
                top: 15px;
                right: 20px;
                width: 10px;
                height: 10px;
            }
            .slogan {
                letter-spacing: 0.2rem;
            }
        }