.login-container {
        max-width: 400px;
        margin: var(--space-xxl) auto;
        padding: var(--space-xl);
        background-color: var(--color-bg-surface);
        border: 1px solid var(--color-border);
    }
    
    .login-header {
        text-align: center;
        margin-bottom: var(--space-xl);
    }
    
    .login-header h1 {
        font-size: var(--font-size-xxl);
        margin-bottom: var(--space-md);
    }
    
    .form-group {
        margin-bottom: var(--space-lg);
    }
    
    .form-group label {
        display: block;
        margin-bottom: var(--space-sm);
        color: var(--color-primary);
        text-transform: uppercase;
        font-size: var(--font-size-sm);
        letter-spacing: 1px;
    }
    
    .form-group input {
        width: 100%;
        padding: var(--space-sm) var(--space-md);
        background-color: var(--color-bg-primary);
        border: 1px solid var(--color-border);
        color: var(--color-text-primary);
        font-family: var(--font-mono);
    }
    
    .form-group input:focus {
        outline: none;
        border-color: var(--color-primary-light);
        box-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
    }
    
    .error-message {
        color: var(--color-danger);
        font-size: var(--font-size-sm);
        margin-top: var(--space-sm);
    }
    
    .success-message {
        color: var(--color-success);
        font-size: var(--font-size-sm);
        margin-top: var(--space-sm);
    }
    
    .form-actions {
        margin-top: var(--space-xl);
    }
    
    .form-links {
        text-align: center;
        margin-top: var(--space-xl);
        padding-top: var(--space-lg);
        border-top: 1px solid var(--color-border);
    }
    
    .form-links a {
        color: var(--color-primary);
        text-decoration: none;
        display: inline-block;
        margin: var(--space-sm);
    }
    
    .form-links a:hover {
        color: var(--color-primary-light);
        text-shadow: 0 0 10px var(--color-primary);
        text-decoration: none;
    }
    
    .refer-banner {
        text-align: center;
        margin-bottom: var(--space-xl);
    }
    
    .refer-banner img {
        max-width: 250px;
        height: auto;
    }
    
    .refer-banner h2 {
        color: var(--color-primary);
        margin: var(--space-md) 0;
    }
    
    .refer-banner p {
        color: var(--color-text-secondary);
    }

    /* Deleted Account Recovery Notice */
    .deleted-account-notice {
        background: var(--color-bg-primary);
        border: 2px solid var(--color-warning);
        padding: var(--space-lg);
        margin-bottom: var(--space-xl);
        text-align: center;
    }

    .deleted-account-notice h3 {
        color: var(--color-warning);
        margin: 0 0 var(--space-md);
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .deleted-account-notice p {
        color: var(--color-text-secondary);
        margin: 0 0 var(--space-md);
    }

    .deleted-account-notice .recovery-info {
        color: var(--color-text-primary);
        font-size: var(--font-size-sm);
    }

    .deleted-account-notice .recovery-actions {
        margin: var(--space-lg) 0;
    }

    .deleted-account-notice .text-muted {
        font-size: var(--font-size-xs);
        color: var(--color-text-tertiary);
        margin-bottom: 0;
    }