.forgot-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);
    }
    
    .forgot-header {
        text-align: center;
        margin-bottom: var(--space-xl);
    }
    
    .forgot-header h1 {
        font-size: var(--font-size-xxl);
        margin-bottom: var(--space-md);
    }
    
    .forgot-info {
        background-color: var(--color-bg-primary);
        border: 1px dashed var(--color-border-accent);
        padding: var(--space-lg);
        margin-bottom: var(--space-xl);
        font-size: var(--font-size-sm);
        color: var(--color-text-secondary);
    }
    
    .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 0 2px rgba(255, 255, 0, 0.2);
    }
    
    .error-message {
        color: var(--color-danger);
        font-size: var(--font-size-sm);
        margin-top: var(--space-sm);
        text-align: center;
    }
    
    .success-message {
        color: var(--color-success);
        font-size: var(--font-size-sm);
        margin-top: var(--space-sm);
        text-align: center;
    }
    
    .form-actions {
        margin-top: var(--space-xl);
    }
    
    .form-actions button {
        width: 100%;
        padding: var(--space-md);
        font-size: var(--font-size-lg);
        background-color: var(--color-primary);
        color: var(--color-bg-primary);
        border: none;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 2px;
        transition: all var(--transition-fast);
    }
    
    .form-actions button:hover {
        background-color: var(--color-primary-dark);
        transform: translateY(-1px);
    }
    
    .form-actions button:active {
        transform: translateY(0);
    }
    
    .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-decoration: underline;
    }